.sidebar{background-color:#fff;border-right:1px solid #e0e0e0;height:calc(100vh - 73px);position:sticky;top:73px;overflow-y:auto;padding:1.5rem .75rem;display:flex;flex-direction:column;gap:1.5rem;transition:width .25s ease;z-index:10}.sidebar.collapsed{width:72px;align-items:center}.sidebar.expanded{width:240px;padding-left:1.5rem;padding-right:1.5rem}.sidebar-toggle{display:flex;justify-content:center}.sidebar.expanded .sidebar-toggle{justify-content:flex-end}.sidebar-toggle-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:999px;border:1px solid #d4d4d8;background-color:#fff;color:#1f2933;cursor:pointer;transition:all .2s ease;font-size:.85rem;font-weight:600}.sidebar-toggle-button:hover{border-color:var(--primary);color:var(--primary);background-color:color-mix(in srgb,var(--primary) 12%,white)}.sidebar.collapsed .sidebar-toggle-button{padding:.5rem}.toggle-icon svg{transform:rotate(0);transition:transform .2s ease}.toggle-icon.open svg{transform:rotate(180deg)}.toggle-label{white-space:nowrap}.sidebar-nav{display:flex;flex-direction:column;gap:.75rem;width:100%}.sidebar-button{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:12px;text-decoration:none;color:#333;font-size:.95rem;font-weight:500;transition:all .2s ease;background-color:transparent;width:100%;position:relative}.sidebar.collapsed .sidebar-button{justify-content:center;padding:.75rem}.sidebar-button:hover{background-color:#f5f5f5;color:var(--primary)}.sidebar-button.active{background-color:var(--background);color:var(--primary);font-weight:600}.sidebar-button svg{flex-shrink:0;color:currentColor}.sidebar-label{white-space:nowrap}@media (max-width: 768px){.sidebar{position:fixed;top:73px;left:0;height:calc(100vh - 73px);border-right:1px solid #e5e7eb;border-bottom:none;width:72px}.sidebar.expanded{width:240px}.app-main.with-sidebar{margin-left:72px}.sidebar.expanded+.app-main.with-sidebar{margin-left:240px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background-color:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;animation:modalFadeIn .2s ease-out}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #e0e0e0}.modal-title{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin:0}.modal-close{background:none;border:none;padding:.5rem;cursor:pointer;color:#666;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.modal-close:hover{background-color:#f5f5f5;color:#333}.modal-body{padding:1.5rem}@media (max-width: 768px){.modal-content{max-width:100%;margin:1rem}}.join-language-form{display:flex;flex-direction:column;gap:1.5rem}.join-language-intro{margin:0;color:#555;line-height:1.6}.proficiency-options{display:flex;flex-direction:column;gap:.75rem}.proficiency-option{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .2s ease}.proficiency-option:hover{border-color:#ccc;background-color:#fafafa}.proficiency-option.selected{border-color:var(--primary, #8B4513);background-color:#8b45130d}.proficiency-radio{margin-top:.25rem;cursor:pointer}.proficiency-content{flex:1}.proficiency-label{font-weight:600;color:#1a1a1a;margin-bottom:.25rem}.proficiency-description{font-size:.875rem;color:#666;line-height:1.4}.join-language-note{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem 1rem;background-color:#fff3cd;border:1px solid #ffc107;border-radius:6px;font-size:.875rem;color:#856404}.join-language-note svg{flex-shrink:0;margin-top:.125rem}.join-language-error{padding:.75rem 1rem;background-color:#f8d7da;border:1px solid #f5c2c7;border-radius:6px;color:#842029;font-size:.875rem}.join-language-actions{display:flex;gap:.75rem;justify-content:flex-end;padding-top:.5rem}.btn-primary,.btn-secondary{padding:.625rem 1.25rem;font-size:1rem;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s ease;border:none}.btn-primary{background-color:var(--primary, #8B4513);color:#fff}.btn-primary:hover:not(:disabled){background-color:#723a0f}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background-color:#f5f5f5;color:#333;border:1px solid #ddd}.btn-secondary:hover:not(:disabled){background-color:#e0e0e0}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.language-selector{display:flex;align-items:center;gap:.75rem}.selector-label{font-size:.95rem;font-weight:500;color:#333}.selector-dropdown{padding:.5rem 2rem .5rem 1rem;font-size:1rem;border:2px solid #e0e0e0;border-radius:8px;background-color:#fff;cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;min-width:250px}.selector-dropdown:hover{border-color:var(--primary)}.selector-dropdown:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb, 139, 69, 19),.1)}.join-button{padding:.5rem 1rem;font-size:.95rem;font-weight:500;background-color:var(--primary, #8B4513);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.join-button:hover{background-color:#723a0f;transform:translateY(-1px)}.join-button:active{transform:translateY(0)}.proficiency-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background-color:rgba(var(--primary-rgb, 139, 69, 19),.1);border:1.5px solid var(--primary, #8B4513);border-radius:8px;font-size:.875rem;font-weight:500;color:var(--primary, #8B4513);white-space:nowrap}.proficiency-level{font-weight:600}.permission-icons{display:flex;align-items:center;gap:.25rem;color:var(--primary, #8B4513)}.permission-icons svg{opacity:.8}.languages-icon-button{display:flex;align-items:center;justify-content:center;padding:.5rem;background-color:transparent;border:1.5px solid #e0e0e0;border-radius:8px;color:#333;cursor:pointer;transition:all .2s ease;text-decoration:none}.languages-icon-button:hover{background-color:rgba(var(--primary-rgb, 139, 69, 19),.05);border-color:var(--primary, #8B4513);color:var(--primary, #8B4513);transform:translateY(-1px)}.languages-icon-button:active{transform:translateY(0)}@media (max-width: 768px){.language-selector{flex-wrap:wrap}.selector-dropdown{min-width:200px}}.ui-language-selector{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .4rem;border:1px solid #d0d0d0;border-radius:6px;background:#fff;cursor:pointer}.ui-language-icon{font-size:.9rem;opacity:.7}.ui-language-select{border:none;background:transparent;font-size:.9rem;color:#333;cursor:pointer;padding:.15rem .1rem;outline:none}.ui-language-select:focus{outline:2px solid var(--primary, #0099cc);outline-offset:2px;border-radius:3px}.user-menu-guest{display:flex;gap:.75rem;align-items:center}.login-btn,.register-btn{padding:.5rem 1.25rem;border-radius:8px;text-decoration:none;font-size:.95rem;font-weight:500;transition:all .2s ease}.login-btn{color:#333;background-color:transparent;border:2px solid #e0e0e0}.login-btn:hover{border-color:var(--primary);color:var(--primary)}.register-btn{color:#fff;background-color:var(--primary);border:2px solid var(--primary)}.register-btn:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.user-menu{position:relative}.user-menu-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:2px solid #e0e0e0;border-radius:8px;background-color:#fff;cursor:pointer;transition:all .2s ease;font-family:inherit}.user-menu-button:hover{border-color:var(--primary)}.user-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem}.user-name{font-size:.95rem;font-weight:500;color:#333}.chevron{transition:transform .2s ease;color:#666}.chevron.open{transform:rotate(180deg)}.user-menu-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background:#fff;border-radius:12px;box-shadow:0 8px 24px #00000026;min-width:220px;z-index:1000;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-menu-header{padding:1rem}.user-info-name{font-weight:600;font-size:1rem;color:#1a1a1a;margin-bottom:.25rem}.user-info-email{font-size:.85rem;color:#666;margin-bottom:.25rem}.user-info-role{font-size:.75rem;color:var(--primary);text-transform:uppercase;font-weight:600;letter-spacing:.5px}.user-menu-divider{height:1px;background-color:#e0e0e0}.user-menu-items{padding:.5rem}.user-menu-item{width:100%;padding:.75rem 1rem;border:none;background:none;cursor:pointer;text-align:left;border-radius:8px;transition:all .2s ease;font-family:inherit;font-size:.95rem;color:#333;display:flex;align-items:center;gap:.75rem}.user-menu-item:hover{background-color:#f5f5f5}.user-menu-item.admin{color:#1976d2;font-weight:500}.user-menu-item.admin:hover{background-color:#e3f2fd}.user-menu-item.logout{color:#d32f2f}.user-menu-item.logout:hover{background-color:#ffebee}@media (max-width: 768px){.user-name{display:none}.user-menu-button{padding:.5rem}}.app-layout{display:flex;flex-direction:column;min-height:100vh}.app-header{background-color:#fff;box-shadow:0 2px 8px #0000000d;position:sticky;top:0;z-index:100}.app-header-content{max-width:1400px;margin:0 auto;padding:1.25rem 2rem;display:flex;justify-content:space-between;align-items:center}.app-logo{font-size:1.75rem;font-weight:700;letter-spacing:-.5px;margin:0;text-decoration:none;transition:opacity .2s ease}.app-logo:hover{opacity:.8}.app-header-right{display:flex;align-items:center;gap:1.5rem}.app-content-wrapper{display:flex;flex:1}.app-main{flex:1;background-color:#fafafa;min-height:100%}.app-main.with-sidebar{margin-left:0}@media (max-width: 768px){.app-header-content{flex-direction:column;gap:1rem}.app-content-wrapper{flex-direction:column}}.home-dictionary{padding:3rem 1rem;background:var(--background, #fffaf3)}.home-dictionary-inner{max-width:720px;margin:0 auto}.home-dictionary-title{margin:0 0 .25rem;color:var(--primary, #333);font-size:1.5rem}.home-dictionary-subtitle{margin:0 0 1.25rem;color:#555;font-size:.95rem}.home-dictionary-form{display:flex;gap:.5rem;margin-bottom:1rem}.home-dictionary-input{flex:1;padding:.65rem .85rem;border:1px solid #ccc;border-radius:6px;font-size:1rem}.home-dictionary-input:focus{outline:none;border-color:var(--primary, #0099cc);box-shadow:0 0 0 3px #0099cc26}.home-dictionary-button{padding:.65rem 1.25rem;background:var(--primary, #0099cc);color:#fff;border:none;border-radius:6px;font-size:1rem;cursor:pointer}.home-dictionary-button:disabled{opacity:.5;cursor:not-allowed}.home-dictionary-error{margin:.5rem 0;color:#b00020;font-size:.9rem}.home-dictionary-empty{margin:.75rem 0 0;color:#666;font-size:.9rem}.home-dictionary-results{list-style:none;margin:1rem 0 0;padding:0;display:flex;flex-direction:column;gap:.75rem}.home-dictionary-result{padding:.85rem 1rem;background:#fff;border:1px solid #e5e5e5;border-radius:8px}.home-dictionary-headword{display:flex;align-items:baseline;gap:.6rem;margin-bottom:.4rem;flex-wrap:wrap}.home-dictionary-word{font-size:1.15rem;font-weight:600;color:var(--primary, #333)}.home-dictionary-roman{color:#888;font-style:italic;font-size:.95rem}.home-dictionary-pos{color:#999;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}.home-dictionary-trans-words{margin:0;color:#222;font-size:.95rem}.home-dictionary-no-trans{margin:0;color:#999;font-size:.9rem;font-style:italic}.home-page{min-height:100vh;display:flex;flex-direction:column;transition:background-color .3s ease}.header{background-color:#fff;box-shadow:0 2px 8px #0000000d;position:sticky;top:0;z-index:100}.header-content{max-width:1200px;margin:0 auto;padding:1.25rem 2rem;display:flex;justify-content:space-between;align-items:center}.header-right{display:flex;align-items:center;gap:1.5rem}.logo{font-size:1.75rem;font-weight:700;color:var(--primary);letter-spacing:-.5px}.hero{background:linear-gradient(135deg,var(--background) 0%,white 100%);padding:4rem 2rem;transition:background .3s ease}.hero-content{max-width:800px;margin:0 auto;text-align:center}.hero-title{font-size:3rem;font-weight:800;color:#1a1a1a;margin-bottom:1rem;line-height:1.2}.hero-subtitle{font-size:1.25rem;color:#555;line-height:1.6;margin-bottom:3rem}.hero-language-info{background-color:#fff;border-left:4px solid var(--primary);padding:2rem;border-radius:12px;box-shadow:0 4px 16px #00000014;transition:all .3s ease}.language-name{font-size:2rem;font-weight:700;color:var(--primary);margin-bottom:.5rem;transition:color .3s ease}.language-native{font-size:1.5rem;color:var(--secondary);margin-bottom:1rem;font-style:italic;transition:color .3s ease}.language-description{font-size:1.1rem;color:#666;line-height:1.6}.stats-section{padding:4rem 2rem;background-color:#fff}.stats-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem}.stat-card{text-align:center;padding:2rem;background:linear-gradient(135deg,var(--background) 0%,white 100%);border-radius:12px;box-shadow:0 2px 12px #0000000f;transition:all .3s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:0 6px 20px #0000001a}.stat-number{font-size:3rem;font-weight:800;color:var(--primary);margin-bottom:.5rem;transition:color .3s ease}.stat-label{font-size:1rem;color:#666;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.mission-section{padding:4rem 2rem;background-color:#fafafa}.mission-content{max-width:1200px;margin:0 auto}.mission-title{font-size:2.5rem;font-weight:700;color:#1a1a1a;text-align:center;margin-bottom:3rem}.mission-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.mission-card{background-color:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 12px #0000000f;transition:all .3s ease;text-align:center}.mission-card:hover{transform:translateY(-4px);box-shadow:0 6px 20px #0000001a;border-color:var(--primary)}.mission-icon{font-size:3rem;margin-bottom:1rem}.mission-card h4{font-size:1.5rem;color:var(--primary);margin-bottom:1rem;transition:color .3s ease}.mission-card p{font-size:1rem;color:#666;line-height:1.6}.footer{background-color:#1a1a1a;color:#fff;text-align:center;padding:2rem;margin-top:auto}.footer p{font-size:.95rem;opacity:.8}@media (max-width: 768px){.header-content{flex-direction:column;gap:1rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:1.1rem}.language-name{font-size:1.5rem}.language-native{font-size:1.2rem}.stats-grid,.mission-grid{grid-template-columns:1fr}.stat-number{font-size:2.5rem}.mission-title{font-size:2rem}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:2rem}.login-container{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000001a;padding:3rem;width:100%;max-width:450px}.login-header{text-align:center;margin-bottom:2rem}.login-logo{font-size:2rem;font-weight:700;color:#8b4513;margin-bottom:.5rem}.login-title{font-size:1.75rem;font-weight:700;color:#1a1a1a;margin-bottom:.5rem}.login-subtitle{font-size:1rem;color:#666}.login-form{display:flex;flex-direction:column;gap:1.5rem}.form-group label{font-size:.95rem;font-weight:500;color:#333}.form-group input{padding:.875rem 1rem;font-size:1rem;border:2px solid #e0e0e0;border-radius:8px;transition:all .2s ease;font-family:inherit}.form-group input:focus{outline:none;border-color:#8b4513;box-shadow:0 0 0 3px #8b45131a}.form-group input::placeholder{color:#aaa}.error-message{background-color:#fee;color:#c33;padding:1rem;border-radius:8px;font-size:.95rem;border-left:4px solid #c33}.login-button{padding:1rem;font-size:1rem;font-weight:600;color:#fff;background-color:#8b4513;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;margin-top:.5rem}.login-button:hover:not(:disabled){background-color:#6d3510;transform:translateY(-1px);box-shadow:0 4px 12px #8b45134d}.login-button:disabled{background-color:#ccc;cursor:not-allowed}.login-footer{margin-top:2rem;text-align:center;display:flex;flex-direction:column;gap:1rem}.login-footer p{font-size:.95rem;color:#666}.register-link,.home-link{color:#8b4513;text-decoration:none;font-weight:600;transition:color .2s ease}.register-link:hover,.home-link:hover{color:#6d3510;text-decoration:underline}@media (max-width: 768px){.login-container{padding:2rem}.login-title{font-size:1.5rem}}.register-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem}.register-container{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000001a;padding:3rem;width:100%;max-width:450px}.register-header{text-align:center;margin-bottom:2rem}.register-logo{font-size:2rem;font-weight:700;color:#667eea;margin-bottom:.5rem}.register-title{font-size:1.75rem;font-weight:700;color:#1a1a1a;margin-bottom:.5rem}.register-subtitle{font-size:1rem;color:#666}.register-form{display:flex;flex-direction:column;gap:1.25rem}.register-button{padding:1rem;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;margin-top:.5rem}.register-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.register-button:disabled{background:#ccc;cursor:not-allowed}.register-footer{margin-top:2rem;text-align:center;display:flex;flex-direction:column;gap:1rem}.register-footer p{font-size:.95rem;color:#666}.login-link,.home-link{color:#667eea;text-decoration:none;font-weight:600;transition:color .2s ease}.login-link:hover,.home-link:hover{color:#764ba2;text-decoration:underline}@media (max-width: 768px){.register-container{padding:2rem}.register-title{font-size:1.5rem}}.language-card{background-color:#fff;border-radius:12px;border-left:4px solid #8B4513;padding:1.5rem;box-shadow:0 2px 8px #0000000d;transition:all .3s ease;display:flex;flex-direction:column;gap:1rem}.language-card:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.language-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.language-name{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin:0 0 .25rem}.language-native-name{font-size:1.1rem;color:#666;font-style:italic;margin:0 0 .5rem}.language-iso{font-size:.75rem;font-weight:500;color:#999;text-transform:uppercase;letter-spacing:.5px}.endangered-badge{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background-color:#fff3cd;border:1px solid #ffc107;border-radius:6px;color:#856404;font-size:.75rem;font-weight:600;white-space:nowrap}.language-description{color:#555;line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.language-description.expanded{display:block;-webkit-line-clamp:unset}.expand-button{background:none;border:none;color:var(--primary, #8B4513);font-weight:500;cursor:pointer;padding:0;font-size:.875rem;transition:opacity .2s ease}.expand-button:hover{opacity:.8}.language-membership{background-color:#8b45130d;border:1px solid rgba(139,69,19,.2);border-radius:8px;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.proficiency-info{display:flex;align-items:center;gap:.5rem}.proficiency-label{font-size:.875rem;color:#666}.proficiency-value{font-weight:600;color:var(--primary, #8B4513)}.permissions-info{display:flex;gap:.5rem;flex-wrap:wrap}.permission-badge{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600}.permission-badge.edit{background-color:#e3f2fd;border:1px solid #2196f3;color:#1565c0}.permission-badge.verify{background-color:#e8f5e9;border:1px solid #4caf50;color:#2e7d32}.language-card-actions{margin-top:auto}.btn-join,.btn-manage{width:100%;padding:.75rem 1.25rem;font-size:1rem;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s ease;border:none;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-join{background-color:var(--primary, #8B4513);color:#fff}.btn-join:hover{background-color:#723a0f;transform:translateY(-1px)}.btn-manage{background-color:#f5f5f5;color:#666;border:1px solid #ddd;cursor:not-allowed}.btn-manage:not(:disabled):hover{background-color:#e0e0e0}@media (max-width: 768px){.language-card{padding:1.25rem}.language-name{font-size:1.25rem}.endangered-badge{font-size:.7rem;padding:.25rem .5rem}}.languages-page{padding:2rem;max-width:1400px;margin:0 auto}.page-header h1{font-size:2rem;font-weight:700;color:#1a1a1a;margin:0 0 .5rem}.page-header p{font-size:1.1rem;color:#666;margin:0}.filters-section{margin-bottom:2rem;display:flex;flex-direction:column;gap:1rem}.search-bar{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background-color:#fff;border:2px solid #e0e0e0;border-radius:12px;max-width:500px}.search-bar svg{color:#999;flex-shrink:0}.search-input{flex:1;border:none;outline:none;font-size:1rem;color:#333}.search-input::placeholder{color:#999}.filter-tabs{display:flex;gap:.5rem;flex-wrap:wrap}.filter-tab{padding:.625rem 1.25rem;font-size:.95rem;font-weight:500;background-color:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .2s ease;color:#666}.filter-tab:hover{border-color:#ccc;background-color:#fafafa}.filter-tab.active{border-color:var(--primary, #8B4513);background-color:#8b45131a;color:var(--primary, #8B4513)}.languages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.loading-state,.error-state,.empty-state{text-align:center;padding:3rem 2rem;background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d}.error-state{color:#d32f2f}.empty-state p{color:#666;font-size:1.1rem}@media (max-width: 768px){.languages-page{padding:1rem}.page-header h1{font-size:1.5rem}.languages-grid{grid-template-columns:1fr}.search-bar{max-width:100%}}.word-list-page{padding:2rem;min-height:calc(100vh - 73px)}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.page-header .btn-primary{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;color:#fff;background-color:var(--primary);border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.page-header .btn-primary:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.filters-section{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 2px 12px #0000000f}.filters{display:flex;gap:1.5rem;align-items:flex-end;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:.5rem;min-width:200px}.filter-group label{font-size:.875rem;font-weight:600;color:#666}.filter-group select,.filter-group input[type=text]{padding:.75rem 1rem;font-size:1rem;border:2px solid #e0e0e0;border-radius:8px;transition:all .2s ease;font-family:inherit}.filter-group select{cursor:pointer}.filter-group select:focus,.filter-group input[type=text]:focus{outline:none;border-color:var(--primary)}.btn-clear-filters{padding:.75rem 1.25rem;font-size:.95rem;font-weight:500;color:#666;background-color:#f5f5f5;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.btn-clear-filters:hover{background-color:#e0e0e0}.table-container{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 12px #0000000f}.words-table{width:100%;border-collapse:collapse}.words-table thead{background-color:var(--background)}.words-table th{padding:1rem 1.5rem;text-align:left;font-size:.875rem;font-weight:600;color:#555;text-transform:uppercase;letter-spacing:.5px}.words-table tbody tr{border-bottom:1px solid #e0e0e0;transition:background-color .2s ease}.clickable-row{cursor:pointer}.clickable-row:hover{background-color:color-mix(in srgb,var(--primary) 8%,white)}.words-table td{padding:1.25rem 1.5rem;color:#333}.word-cell{font-weight:600;font-size:1.05rem;color:var(--primary);min-width:120px}.romanization-cell,.ipa-cell,.pos-cell{color:#666;font-style:italic;min-width:100px}.definition-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.literal-cell{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#666;font-size:.95rem}.verified-cell{text-align:center}.verified-badge{color:#2e7d32;font-weight:700;font-size:1.2rem}.unverified-badge{color:#ccc}.status-badge{display:inline-block;padding:.375rem .875rem;border-radius:12px;font-size:.875rem;font-weight:600;text-transform:capitalize}.status-draft{background-color:#e0e0e0;color:#666}.status-pending_review{background-color:#fff8e1;color:#f57f17}.status-published{background-color:#e8f5e9;color:#2e7d32}.loading-state,.error-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.loading-spinner{width:50px;height:50px;border:4px solid #e0e0e0;border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.empty-state h3{font-size:1.5rem;color:#333;margin-bottom:.5rem}.empty-state p{color:#666;margin-bottom:1.5rem}@media (max-width: 768px){.word-list-page{padding:1rem}.page-header{flex-direction:column;gap:1rem}.filters{flex-direction:column}.filter-group{width:100%}.table-container{overflow-x:auto}.words-table{min-width:600px}}.add-word-page{max-width:900px;margin:0 auto;padding:2rem}.page-header{margin-bottom:2rem}.page-header h1{font-size:2rem;font-weight:700;color:#1a1a1a;margin-bottom:.5rem}.page-header p{font-size:1.05rem;color:#666}.word-form{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 12px #0000000f}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.form-group label{font-size:.95rem;font-weight:600;color:#333}.form-group input,.form-group select,.form-group textarea{padding:.875rem 1rem;font-size:1rem;border:2px solid #e0e0e0;border-radius:8px;transition:all .2s ease;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb, 139, 69, 19),.1)}.form-group textarea{resize:vertical;min-height:80px}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:2rem;border-top:1px solid #e0e0e0}.btn-primary,.btn-secondary{padding:.875rem 2rem;font-size:1rem;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.btn-primary:disabled{background-color:#ccc;cursor:not-allowed}.btn-secondary{background-color:#f5f5f5;color:#333}.btn-secondary:hover{background-color:#e0e0e0}.error-message{background-color:#fee;color:#c33;padding:1rem;border-radius:8px;margin-bottom:1.5rem;border-left:4px solid #c33}@media (max-width: 768px){.add-word-page{padding:1rem}.word-form{padding:1.5rem}.form-row{grid-template-columns:1fr}}.dictionary-page{padding:2rem;min-height:calc(100vh - 73px);max-width:1200px;margin:0 auto}.dictionary-header{margin-bottom:2rem}.dictionary-header h1{font-size:2rem;font-weight:700;color:#1a1a1a;margin-bottom:.5rem}.dictionary-header .subtitle{font-size:1.05rem;color:#666}.search-section{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #00000014;margin-bottom:2rem}.search-controls{display:flex;gap:1rem;margin-bottom:1.5rem}.search-input{flex:1;padding:.875rem 1.25rem;font-size:1rem;border:2px solid #e5e7eb;border-radius:8px;transition:all .2s ease}.search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #8b45131a}.search-button{padding:.875rem 2rem;font-size:1rem;font-weight:600;color:#fff;background-color:var(--primary);border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.search-button:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.search-button:disabled{opacity:.6;cursor:not-allowed}.direction-toggle{margin-bottom:1.5rem}.toggle-button{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s ease;width:100%;font-size:.95rem}.toggle-button:hover{background:#f3f4f6;border-color:var(--primary)}.toggle-label{font-weight:600;color:#4b5563}.toggle-value{flex:1;color:var(--primary);font-weight:600;text-align:left}.toggle-button svg{color:var(--primary)}.language-filters{border-top:1px solid #e5e7eb;padding-top:1.5rem}.filter-label{display:block;font-weight:600;color:#4b5563;margin-bottom:1rem;font-size:.95rem}.language-toggles{display:flex;flex-wrap:wrap;gap:.75rem}.language-toggle{padding:.625rem 1.25rem;border:2px solid #e5e7eb;background:#fff;border-radius:20px;cursor:pointer;transition:all .2s ease;font-size:.9rem;font-weight:500;color:#4b5563}.language-toggle:hover{border-color:var(--primary);background:#f9fafb}.language-toggle.active{background:var(--primary);border-color:var(--primary);color:#fff}.no-known-languages{background:#fef3c7;border:1px solid #fcd34d;border-radius:8px;padding:1.5rem;text-align:center;color:#92400e}.no-known-languages p{margin:.25rem 0}.no-known-languages .hint{font-size:.9rem;color:#b45309;margin-top:.5rem}.results-section{margin-top:2rem}.results-title{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin-bottom:1.5rem}.results-list{display:flex;flex-direction:column;gap:1.5rem}.word-result-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #00000014;transition:all .2s ease}.word-result-card:hover{box-shadow:0 4px 16px #0000001f}.word-header{margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:2px solid #f3f4f6}.word-info{display:flex;align-items:baseline;gap:.75rem;flex-wrap:wrap}.word-text{font-size:1.5rem;font-weight:700;color:var(--primary);margin:0}.word-romanization{font-size:1.1rem;color:#6b7280;font-style:italic}.word-pos{font-size:.85rem;font-weight:600;color:#fff;background:#6b7280;padding:.25rem .75rem;border-radius:12px}.translations-section{display:flex;flex-direction:column;gap:1.5rem}.language-group{background:#f9fafb;border-radius:8px;padding:1rem}.language-name{font-size:1.1rem;font-weight:700;color:#374151;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.translations-list{display:flex;flex-direction:column;gap:.75rem}.translation-item{background:#fff;border-radius:6px;padding:.875rem;border-left:3px solid var(--primary)}.translation-word{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap;margin-bottom:.5rem}.trans-text{font-size:1.1rem;font-weight:600;color:#1f2937}.trans-romanization{font-size:.95rem;color:#6b7280;font-style:italic}.trans-pos{font-size:.75rem;font-weight:600;color:#fff;background:#9ca3af;padding:.2rem .6rem;border-radius:10px}.translation-notes{display:flex;align-items:flex-start;gap:.5rem;padding:.5rem .75rem;background:#fef3c7;border-radius:4px;font-size:.9rem;color:#92400e}.translation-notes svg{flex-shrink:0;margin-top:.125rem}.no-translations{padding:1rem;text-align:center;color:#6b7280;font-style:italic;background:#f9fafb;border-radius:8px}.error-message{background:#fee2e2;border:1px solid #ef4444;border-radius:8px;padding:1rem 1.5rem;color:#991b1b;margin-bottom:1.5rem}.no-results{text-align:center;padding:4rem 2rem;color:#6b7280}.no-results svg{opacity:.3;margin-bottom:1.5rem}.no-results p{font-size:1.1rem;color:#4b5563}@media (max-width: 768px){.dictionary-page{padding:1rem}.search-controls{flex-direction:column}.search-button{width:100%}.word-text{font-size:1.25rem}.trans-text{font-size:1rem}}.document-list-page{padding:2rem;min-height:calc(100vh - 73px)}.content-cell{max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;color:#333}.title-cell{font-weight:600;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.count-cell{font-variant-numeric:tabular-nums;color:#555}.type-badge{display:inline-block;padding:.375rem .875rem;border-radius:12px;font-size:.875rem;font-weight:600;background-color:var(--background);color:var(--primary)}.source-cell,.notes-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;color:#666}.date-cell{color:#666;font-size:.95rem;white-space:nowrap}.filter-group.search-group{flex:1;min-width:300px}.filter-group input[type=text]{padding:.75rem 1rem;font-size:1rem;border:2px solid #e0e0e0;border-radius:8px;transition:all .2s ease;font-family:inherit;width:100%}.filter-group input[type=text]:focus{outline:none;border-color:var(--primary)}.documents-table{width:100%;border-collapse:collapse}.documents-table thead{background-color:var(--background)}.documents-table th{padding:1rem 1.5rem;text-align:left;font-size:.875rem;font-weight:600;color:#555;text-transform:uppercase;letter-spacing:.5px}.documents-table tbody tr{border-bottom:1px solid #e0e0e0;transition:background-color .2s ease}.documents-table tbody tr:hover{background-color:color-mix(in srgb,var(--primary) 8%,white)}.actions-cell{display:flex;gap:.5rem;justify-content:flex-end;align-items:center;min-width:150px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:1px solid transparent;background-color:#f8fafc;color:#1f2933;transition:all .2s ease}.icon-button:hover{border-color:var(--primary);color:var(--primary);background-color:color-mix(in srgb,var(--primary) 12%,white)}.icon-button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.documents-table td{padding:1.25rem 1.5rem;color:#333}@media (max-width: 768px){.document-list-page{padding:1rem}.table-container{overflow-x:auto}.documents-table{min-width:600px}}.document-detail-page{padding:2rem;display:flex;flex-direction:column;gap:2rem;min-height:calc(100vh - 73px)}.document-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem}.document-header h1{margin-top:.5rem;margin-bottom:.5rem;color:#1f2933}.document-subtitle{margin:0;color:#52606d}.document-header-actions{display:flex;align-items:center;gap:1rem}.btn-link{background:none;border:none;color:var(--primary);font-weight:600;cursor:pointer;padding:0}.btn-link:hover{text-decoration:underline}.document-content-grid{display:grid;grid-template-columns:minmax(220px,280px) 1fr;gap:2rem}.document-sidebar{padding:1.5rem;background-color:#f8fafc;border-radius:16px;border:1px solid #e1e8f0}.document-sidebar h2{margin-top:0;margin-bottom:1rem;font-size:1rem;color:#334155}.translation-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.translation-button{width:100%;text-align:left;padding:.75rem;border-radius:12px;border:1px solid transparent;background-color:#fff;transition:all .2s ease}.translation-button:hover{border-color:#cbd5e1;background-color:#f1f5f9}.translation-button.active{border-color:var(--primary);background-color:color-mix(in srgb,var(--primary) 12%,white)}.translation-title{display:block;font-weight:600;color:#1f2933}.translation-meta{display:block;margin-top:.25rem;font-size:.85rem;color:#52606d}.document-content{padding:2rem;background-color:#fff;border-radius:16px;border:1px solid #e1e8f0;box-shadow:0 10px 30px #0f172a0a;display:flex;flex-direction:column;gap:1.5rem}.document-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.meta-label{display:block;font-size:.85rem;text-transform:uppercase;letter-spacing:.04em;color:#9aa5b1;margin-bottom:.25rem}.meta-value{color:#1f2933}.document-body p{line-height:1.7;font-size:1rem;color:#2f3a4a;margin-bottom:1rem}.document-body p:last-child{margin-bottom:0}@media (max-width: 1024px){.document-content-grid{grid-template-columns:1fr}.document-sidebar{order:2}}@media (max-width: 768px){.document-detail-page{padding:1rem}.document-header{flex-direction:column;align-items:stretch}.document-header-actions{justify-content:flex-end}}.add-document-page{max-width:900px;margin:0 auto;padding:2rem}.document-form{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 12px #0000000f}.edit-document-page{padding:2rem;display:flex;flex-direction:column;gap:2rem;min-height:calc(100vh - 73px)}.page-header{display:flex;flex-direction:column;gap:1rem}.page-header h1{margin:0;color:#1f2933}.page-subtitle{margin:0;color:#52606d}.language-availability{display:flex;align-items:center;gap:.75rem;justify-content:flex-end;flex-wrap:wrap}.language-availability-label{font-size:.9rem;font-weight:600;color:#334155;white-space:nowrap}.language-availability-list{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.language-pill{padding:.45rem .85rem;border-radius:999px;border:1px solid #cbd5e1;background-color:#f8fafc;color:#1f2933;font-size:.85rem;transition:all .2s ease;cursor:pointer}.language-pill:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background-color:color-mix(in srgb,var(--primary) 12%,white)}.language-pill.active{border-color:var(--primary);background-color:color-mix(in srgb,var(--primary) 18%,white);color:var(--primary);font-weight:600}.language-pill:disabled{opacity:.6;cursor:not-allowed}.warning-banner{padding:1rem 1.25rem;border-radius:10px;border:1px solid #facc15;background-color:#fef9c3;color:#854d0e}.edit-document-form{background-color:#fff;border-radius:16px;border:1px solid #e1e8f0;box-shadow:0 10px 30px #0f172a0a;padding:2rem;display:flex;flex-direction:column;gap:2rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:#334155}.form-group input,.form-group select,.form-group textarea{border:1px solid #cbd5e1;border-radius:8px;padding:.75rem 1rem;font-size:.95rem;font-family:inherit;transition:border-color .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary)}.form-group textarea{resize:vertical}.form-actions{display:flex;gap:1rem;justify-content:flex-end}.error-message{padding:.75rem 1rem;border-radius:8px;border:1px solid #f87171;background-color:#fee2e2;color:#b91c1c}.success-message{padding:.75rem 1rem;border-radius:8px;border:1px solid #34d399;background-color:#d1fae5;color:#047857}@media (max-width: 768px){.edit-document-page{padding:1rem}.edit-document-form{padding:1.5rem}.form-actions{flex-direction:column-reverse;align-items:stretch}.language-availability{flex-direction:column;align-items:stretch}.language-availability-list{justify-content:flex-start}}.document-linking-page{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem}.document-linking-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.document-linking-header h1{margin:.25rem 0 0}.document-linking-subtitle{margin:.25rem 0 0;color:#5f6b7c}.document-linking-actions{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.toggle-control{display:inline-flex;align-items:center;gap:.4rem;font-size:.95rem;color:#334155}.toggle-control input[type=checkbox]{width:1rem;height:1rem}.document-linking-info{padding:.75rem 1rem;border-radius:6px;background-color:#fff3cd;border:1px solid #ffeeba;color:#856404}.document-linking-error{padding:.75rem 1rem;border-radius:6px;background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.document-linking-message{padding:.75rem 1rem;border-radius:6px;background-color:#d1e7dd;border:1px solid #badbcc;color:#0f5132}.document-linking-grid{display:grid;gap:1.5rem;grid-template-columns:260px 1fr 320px}.document-linking-sidebar{border-radius:8px;border:1px solid #e3e7ef;background-color:#fff;padding:1rem;display:flex;flex-direction:column;gap:1rem}.document-linking-sidebar h2{margin:0}.document-linking-content{border-radius:8px;border:1px solid #e3e7ef;background-color:#fff;padding:1rem;display:flex;flex-direction:column;gap:1rem}.token-legend{display:flex;gap:.5rem;flex-wrap:wrap}.legend-chip{border-radius:999px;padding:.25rem .75rem;font-size:.85rem;display:inline-flex;align-items:center;gap:.25rem;border:1px solid rgba(0,0,0,.08)}.legend-unlinked{background-color:#fff4b1}.legend-suggested{background-color:#d9e9ff}.legend-confirmed{background-color:#cdecc8}.legend-rejected{background-color:#e3e3e3}.linking-text-container{border-radius:8px;border:1px solid #d9dee7;padding:1rem;min-height:260px;white-space:pre-wrap;font-size:1.05rem;line-height:1.6;background-color:#fafbff}.linking-token{display:inline;white-space:pre-wrap;border-radius:4px;padding:.05rem .12rem;margin:0;cursor:text}.linking-token.selected{outline:2px solid #2d6a4f;outline-offset:1px}.linking-token.status-unlinked{background-color:#fff4b1;color:#5c5500}.linking-token.status-suggested{background-color:#d9e9ff;color:#0b3d91}.linking-token.status-confirmed{background-color:#cdecc8;color:#1f4d2c}.linking-token.status-rejected{background-color:#e3e3e3;color:#4b4b4b}.document-linking-panel{border-radius:8px;border:1px solid #e3e7ef;background-color:#fff;padding:1rem;display:flex;flex-direction:column;gap:1.5rem}.document-linking-panel section h2{margin:0 0 .75rem}.selection-preview{display:flex;justify-content:space-between;align-items:center;gap:.75rem;background-color:#f8fafc;border-radius:6px;border:1px solid #d9dee7;padding:.75rem}.selection-text{font-weight:600}.selection-status{border-radius:999px;padding:.2rem .65rem;font-size:.8rem;text-transform:capitalize}.selection-status.status-unlinked{background-color:#fff4b1;color:#5c5500}.selection-status.status-suggested{background-color:#d9e9ff;color:#0b3d91}.selection-status.status-confirmed{background-color:#cdecc8;color:#1f4d2c}.selection-status.status-rejected{background-color:#e3e3e3;color:#4b4b4b}.selection-toolbar{display:flex;justify-content:flex-end;margin-top:.5rem}.selection-actions{display:flex;flex-direction:column;gap:.75rem}.selection-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.selection-help{margin:0;color:#5f6b7c}.link-existing label{display:block;font-weight:600;margin-bottom:.35rem}.link-existing input{width:100%;padding:.5rem;border-radius:6px;border:1px solid #cbd5e1;font:inherit}.search-results{display:flex;flex-direction:column;gap:.5rem;max-height:200px;overflow-y:auto}.search-result{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;padding:.5rem;border-radius:6px;border:1px solid #e3e7ef;background-color:#f8fafc}.search-definition{color:#4b5563;font-size:.85rem}.new-word-section,.new-word-form{display:flex;flex-direction:column;gap:.5rem}.new-word-form input,.new-word-form textarea,.new-word-form select{width:100%;padding:.5rem;border-radius:6px;border:1px solid #cbd5e1;font:inherit}.new-word-actions{display:flex;gap:.5rem;justify-content:flex-end}.suggestions-section{border-top:1px solid #e3e7ef;padding-top:1rem}.suggestion-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem;max-height:220px;overflow-y:auto}.suggestion-item{border:1px solid #e3e7ef;border-radius:6px;padding:.75rem;background-color:#f8fafc;display:flex;flex-direction:column;gap:.5rem}.suggestion-snippet span{font-weight:600}.suggestion-snippet small{display:block;color:#5f6b7c}.suggestion-actions{display:flex;gap:.5rem;flex-wrap:wrap}@media (max-width: 1200px){.document-linking-grid{grid-template-columns:1fr}.document-linking-sidebar,.document-linking-panel{order:-1}}:root{--primary: #8B4513;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{min-height:100vh;background-color:#fafafa}.app-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.loading-spinner{width:50px;height:50px;border:4px solid #e0e0e0;border-top-color:#8b4513;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app-loading p{font-size:1.1rem;color:#666}.app-error{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:linear-gradient(135deg,#ffe6e6,#fcc);padding:2rem;text-align:center}.app-error h2{font-size:2rem;color:#c33}.app-error p{font-size:1.1rem;color:#666}.app-error button{padding:.75rem 1.5rem;font-size:1rem;font-weight:600;color:#fff;background-color:#c33;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;margin-top:1rem}.app-error button:hover{background-color:#a22;transform:translateY(-1px)}.app-empty{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:2rem;text-align:center}.app-empty h2{font-size:2rem;color:#333}.app-empty p{font-size:1.1rem;color:#666}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-height:100vh}#root{min-height:100vh}