:root{--sidebar-w: 240px;--sidebar-bg: #0F172A;--sidebar-text: rgba(255,255,255,.78);--sidebar-muted: rgba(255,255,255,.38);--sidebar-hover: rgba(255,255,255,.07);--sidebar-active: rgba(37,99,235,.35);--sidebar-active-border: #2563EB;--blue: #2563EB;--blue-hover: #1D4ED8;--blue-light: #EFF6FF;--blue-border: #BFDBFE;--page-bg: #F1F5F9;--card-bg: #FFFFFF;--border: #E2E8F0;--border-focus: #93C5FD;--text: #0F172A;--text-secondary: #475569;--muted: #94A3B8;--red: #DC2626;--red-bg: #FEF2F2;--red-border: #FECACA;--green: #059669;--radius-sm: 5px;--radius: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 2px rgba(0,0,0,.06);--shadow: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 8px rgba(0,0,0,.07), 0 2px 4px rgba(0,0,0,.04)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;background:var(--page-bg);color:var(--text);-webkit-font-smoothing:antialiased;font-size:15px}button{cursor:pointer;border:none;outline:none;font:inherit;background:none}input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.input{width:100%;padding:.5rem .75rem;border:1.5px solid var(--border);border-radius:var(--radius);font-size:.9rem;color:var(--text);background:#fff;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #93c5fd40;outline:none}.select{cursor:pointer}.btn-primary{padding:.5rem 1.125rem;background:var(--blue);color:#fff;border-radius:var(--radius);font-size:.875rem;font-weight:600;white-space:nowrap;transition:background .15s,opacity .15s}.btn-primary:hover:not(:disabled){background:var(--blue-hover)}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.btn-primary--done{background:var(--green)}.btn-primary--done:hover:not(:disabled){background:var(--green)}.btn-secondary{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;border:1.5px solid var(--border);border-radius:var(--radius);font-size:.875rem;font-weight:500;color:var(--text-secondary);background:#fff;cursor:pointer;transition:all .15s}.btn-secondary:hover{border-color:var(--blue-border);color:var(--blue)}.btn-xs{padding:.3rem .625rem;border-radius:var(--radius-sm);font-size:.78rem;font-weight:600;transition:all .15s;white-space:nowrap}.btn-xs.btn-primary{padding:.3rem .625rem}.btn-xs.btn-ghost{border:1.5px solid var(--border);color:var(--text-secondary);background:#fff}.btn-xs.btn-ghost:hover{border-color:#cbd5e1;background:#f8fafc}.btn-xs.btn-ghost--danger{color:var(--red);border-color:var(--red-border)}.btn-xs.btn-ghost--danger:hover{background:var(--red-bg)}.error{background:var(--red-bg);color:var(--red);border:1px solid var(--red-border);border-radius:var(--radius);padding:.625rem .875rem;font-size:.875rem}.badge{display:inline-block;padding:.15rem .5rem;border-radius:999px;font-size:.72rem;font-weight:600;letter-spacing:.02em}.badge--admin{background:#ede9fe;color:#5b21b6}.badge--editor{background:#dcfce7;color:#15803d}.badge--you{background:#f1f5f9;color:var(--muted);margin-left:.5rem}.count-badge{display:inline-flex;align-items:center;justify-content:center;background:var(--page-bg);color:var(--text-secondary);border-radius:999px;font-size:.75rem;font-weight:600;padding:.1rem .5rem;margin-left:.5rem}.app-shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);background:var(--sidebar-bg);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100;transition:transform .25s ease}.sidebar-brand{display:flex;align-items:center;gap:.625rem;padding:1.25rem 1rem 1rem;border-bottom:1px solid rgba(255,255,255,.08);min-height:68px}.sidebar-logo{width:36px;height:36px;border-radius:6px;object-fit:contain;background:#ffffff1a;flex-shrink:0}.sidebar-logo-placeholder{flex-shrink:0}.sidebar-muni-name{font-size:.9rem;font-weight:600;color:#fff;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-nav{flex:1;padding:.75rem .625rem;display:flex;flex-direction:column;gap:2px}.nav-item{display:flex;align-items:center;gap:.625rem;width:100%;padding:.6rem .75rem;border-radius:var(--radius);color:var(--sidebar-text);font-size:.875rem;font-weight:500;transition:background .12s,color .12s;text-align:left}.nav-item:hover{background:var(--sidebar-hover);color:#fff}.nav-item--active{background:var(--sidebar-active);color:#fff;border-left:3px solid var(--sidebar-active-border);padding-left:calc(.75rem - 3px)}.nav-icon{display:flex;align-items:center;flex-shrink:0;opacity:.85}.nav-item--active .nav-icon{opacity:1}.sidebar-footer{padding:.875rem 1rem;border-top:1px solid rgba(255,255,255,.08)}.sidebar-user-info{display:flex;align-items:center;gap:.625rem;margin-bottom:.875rem}.sidebar-avatar{width:32px;height:32px;border-radius:50%;background:#ffffff26;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:#fff;flex-shrink:0}.sidebar-user-meta{display:flex;flex-direction:column;overflow:hidden}.sidebar-username{font-size:.8rem;font-weight:600;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-role{font-size:.7rem;color:var(--sidebar-muted);text-transform:capitalize}.sidebar-logout{width:100%;padding:.45rem .75rem;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius);color:var(--sidebar-text);font-size:.8rem;text-align:center;transition:all .15s;display:block;margin-bottom:.75rem}.sidebar-logout:hover{background:#ffffff14;color:#fff}.sidebar-brand-sub{text-align:center;font-size:.68rem;color:var(--sidebar-muted);letter-spacing:.04em;text-transform:uppercase}.mobile-topbar{display:none;position:fixed;top:0;left:0;right:0;height:52px;background:var(--sidebar-bg);align-items:center;gap:.75rem;padding:0 1rem;z-index:99}.mobile-menu-btn{color:#fff;display:flex}.mobile-title{font-size:.95rem;font-weight:600;color:#fff}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:99}.main-content{margin-left:var(--sidebar-w);flex:1;min-height:100vh;min-width:0;background:var(--page-bg);overflow-x:hidden}.view{max-width:900px;margin:0 auto;padding:2rem 2rem 3rem;overflow-x:hidden}.view--wide{max-width:none}.view-header{margin-bottom:1.75rem}.view-title{font-size:1.5rem;font-weight:700;color:var(--text);letter-spacing:-.02em}.view-subtitle{margin-top:.25rem;font-size:.875rem;color:var(--text-secondary)}.create-folder-bar{display:flex;gap:.75rem;margin-bottom:1.5rem}.create-folder-input{flex:1}.empty-state{background:var(--card-bg);border:1.5px dashed var(--border);border-radius:var(--radius-lg);padding:3.5rem 2rem;text-align:center}.empty-icon{margin-bottom:1rem;display:flex;justify-content:center}.empty-state h3{font-size:1rem;font-weight:600;margin-bottom:.5rem}.empty-state p{font-size:.875rem;color:var(--text-secondary);line-height:1.6}.folder-list{display:flex;flex-direction:column;gap:.75rem}.folder-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:box-shadow .15s}.folder-card:hover{box-shadow:var(--shadow)}.folder-card--open{box-shadow:var(--shadow-md);border-color:#cbd5e1}.folder-header{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1.125rem;cursor:pointer;-webkit-user-select:none;user-select:none;gap:1rem}.folder-header:hover{background:#fafafa}.folder-card--open .folder-header{background:#f8fafc;border-bottom:1px solid var(--border)}.folder-header-left{display:flex;align-items:center;gap:.625rem;min-width:0;flex:1}.folder-chevron{font-size:.75rem;color:var(--muted);width:12px;flex-shrink:0}.folder-name{font-weight:600;font-size:.95rem;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-badge{background:#f1f5f9;color:var(--text-secondary);border-radius:999px;padding:.1rem .5rem;font-size:.72rem;font-weight:600;flex-shrink:0}.folder-header-actions{display:flex;align-items:center;gap:.375rem;flex-shrink:0}.rename-input{flex:1;padding:.25rem .5rem;border:1.5px solid var(--blue);border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;min-width:0;max-width:280px;outline:none}.folder-body{padding:1rem 1.125rem 1.125rem}.upload-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.btn-upload{display:inline-flex;align-items:center;padding:.45rem .875rem;border:1.5px solid var(--border);border-radius:var(--radius);font-size:.8rem;font-weight:600;color:var(--text-secondary);background:#fff;transition:all .15s;white-space:nowrap}.btn-upload:hover:not(:disabled){border-color:var(--blue-border);color:var(--blue);background:var(--blue-light)}.btn-upload:disabled{opacity:.55;cursor:not-allowed}.upload-hint{font-size:.75rem;color:var(--muted)}.upload-error{font-size:.78rem;color:var(--red)}.folder-empty{font-size:.85rem;color:var(--muted);padding:.5rem 0}.doc-table{width:100%;border-collapse:collapse;font-size:.875rem;table-layout:fixed}.doc-table th,.doc-table td{overflow:hidden}.doc-table th{text-align:left;padding:.375rem .75rem;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);border-bottom:1px solid var(--border);white-space:nowrap}.doc-table td{padding:.625rem .75rem;border-bottom:1px solid #F8FAFC;vertical-align:middle}.doc-table tr:last-child td{border-bottom:none}.doc-table tr:hover td{background:#fafafa}.col-dokument{width:200px}.col-hochgeladen{width:100px;text-align:center}.col-ablaufdatum{width:200px}.col-aktionen{width:320px;text-align:left}.doc-name-cell{display:flex;align-items:center;gap:.5rem;font-weight:500;min-width:0}.doc-name-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.doc-icon{color:var(--muted);flex-shrink:0}.doc-date{color:var(--text-secondary);font-size:.82rem;white-space:nowrap}.badge--inactive{background:#fef3c7;color:#92400e}.badge--expired{background:#fee2e2;color:#991b1b}.doc-row--dim td{opacity:.5}.doc-row--dim .doc-actions{opacity:1}.doc-toggle-track{display:inline-block;width:28px;height:16px;background:#d1d5db;border-radius:999px;position:relative;transition:background .2s;flex-shrink:0}.doc-toggle-track:after{content:"";position:absolute;left:2px;top:2px;width:12px;height:12px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px #0003}.doc-expiry-ctrl{display:flex;align-items:center;gap:.4rem;white-space:nowrap}.doc-expiry-toggle{display:inline-flex;align-items:center;gap:.35rem;cursor:pointer;-webkit-user-select:none;user-select:none}.doc-expiry-toggle input{position:absolute;opacity:0;width:0;height:0}.doc-expiry-toggle input:checked+.doc-toggle-track{background:#f59e0b}.doc-expiry-toggle input:checked+.doc-toggle-track:after{transform:translate(12px)}.doc-expiry-toggle-label{font-size:.75rem;color:var(--text-secondary)}.doc-expiry-input{font-size:.75rem;padding:.15rem .3rem;border:1px solid var(--border);border-radius:6px;color:var(--text);background:#fff;width:112px}.doc-toggle-btn{display:inline-flex;align-items:center;gap:.3rem;border:1px solid var(--border);background:#fff;color:var(--text-secondary);cursor:pointer}.doc-toggle-btn:hover{border-color:#ef4444;color:#dc2626;background:#fef2f2}.doc-toggle-btn--inactive{border-color:#f59e0b;color:#d97706;background:#fffbeb}.doc-toggle-btn--inactive:hover{border-color:#22c55e;color:#16a34a;background:#f0fdf4}.doc-actions{display:flex;align-items:center;justify-content:flex-start;gap:.375rem;flex-wrap:nowrap}.qr-toast{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);background:#1e293b;color:#fff;font-size:.875rem;font-weight:500;padding:.6rem 1.25rem;border-radius:999px;box-shadow:0 4px 16px #0000002e;z-index:9999;pointer-events:none;animation:toast-in .15s ease}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.settings-stack{display:flex;flex-direction:column;gap:1.25rem}.settings-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm)}.settings-card-header{margin-bottom:1.25rem}.settings-card-header h2{font-size:1rem;font-weight:600;margin-bottom:.25rem}.settings-card-header p{font-size:.825rem;color:var(--text-secondary)}.logo-row{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap}.logo-preview-box{width:80px;height:80px;border:1.5px solid var(--border);border-radius:var(--radius);overflow:hidden;display:flex;align-items:center;justify-content:center;background:#f8fafc;flex-shrink:0}.logo-preview-img{width:100%;height:100%;object-fit:contain}.logo-preview-empty{display:flex;flex-direction:column;align-items:center;gap:.25rem;color:var(--muted);font-size:.72rem}.logo-upload-controls{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.settings-msg{font-size:.8rem;color:var(--green)}.settings-name-form{display:flex;gap:.75rem}.settings-name-form .input{flex:1;max-width:400px}.create-user-form{display:flex;gap:.625rem;flex-wrap:wrap;margin-bottom:0}.create-user-form .input{flex:1;min-width:140px}.data-table{width:100%;border-collapse:collapse;font-size:.875rem}.data-table th{text-align:left;padding:.375rem .75rem;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);border-bottom:1px solid var(--border)}.data-table td{padding:.75rem;border-bottom:1px solid #F8FAFC;vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#fafafa}.user-name{font-weight:500}.welcome-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg)}.welcome-card{text-align:center;max-width:420px;padding:3rem 2rem}.welcome-logo{margin-bottom:1.25rem}.welcome-title{font-size:1.75rem;font-weight:700;color:var(--text);margin:0 0 .375rem}.welcome-subtitle{font-size:1rem;font-weight:500;color:var(--blue);margin:0 0 1.5rem}.welcome-desc{font-size:.9rem;color:var(--text-secondary);line-height:1.6;margin:0}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--page-bg);padding:1.5rem}.login-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:2.5rem 2.25rem 2rem;width:100%;max-width:380px;box-shadow:var(--shadow-md)}.login-brand{display:flex;flex-direction:column;align-items:center;gap:.625rem;margin-bottom:1.75rem;text-align:center}.login-logo-img{width:64px;height:64px;object-fit:contain;border-radius:var(--radius)}.login-logo-placeholder{display:flex;align-items:center;justify-content:center}.login-muni-name{font-size:1.25rem;font-weight:700;color:var(--text)}.login-muni-name--placeholder{color:var(--blue)}.login-subtitle{font-size:.875rem;color:var(--text-secondary);margin-bottom:1.5rem}.login-form{display:flex;flex-direction:column;gap:1rem}.field{display:flex;flex-direction:column;gap:.375rem}.field label{font-size:.82rem;font-weight:600;color:var(--text-secondary)}.btn-submit{padding:.65rem;background:var(--blue);color:#fff;border-radius:var(--radius);font-size:.9rem;font-weight:600;margin-top:.25rem;transition:background .15s}.btn-submit:hover:not(:disabled){background:var(--blue-hover)}.btn-submit:disabled{opacity:.55;cursor:not-allowed}.login-form .error{margin-top:-.25rem}.login-footer{margin-top:1.5rem;text-align:center;font-size:.75rem;color:var(--muted)}.analytics-refresh{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.analytics-last-updated{font-size:.75rem;color:var(--muted);white-space:nowrap}.analytics-refresh-btn{display:inline-flex;align-items:center;gap:.375rem;font-size:.8rem}.spin{animation:spin .7s linear infinite}.analytics-loading{display:flex;align-items:center;gap:.75rem;padding:3rem 0;color:var(--muted);font-size:.9rem}.analytics-empty-state{text-align:center;padding:4rem 2rem;color:var(--text-secondary)}.analytics-empty-state h3{font-size:1.1rem;margin:.75rem 0 .5rem;color:var(--text)}.analytics-empty-state p{font-size:.875rem}.analytics-empty{color:var(--muted);font-size:.82rem;padding:.5rem 0}.stat-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.25rem}.stat-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem 1.5rem}.stat-value{font-size:2rem;font-weight:700;color:var(--text);line-height:1;margin-bottom:.375rem}.stat-label{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.stat-sub{font-size:.72rem;color:var(--text-secondary);margin-top:.2rem}.analytics-row{display:flex;gap:1rem;margin-bottom:1.25rem;align-items:flex-start}.analytics-panel{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem 1.5rem;min-width:0}.analytics-panel--grow{flex:1 1 0}.analytics-panel--shrink{flex:0 0 280px}.analytics-panel-title{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 1rem}.top-docs{list-style:none;padding:0;margin:0}.top-doc-row{display:flex;align-items:center;gap:.625rem;padding:.45rem 0;border-bottom:1px solid #F8FAFC;font-size:.83rem}.top-doc-row:last-child{border-bottom:none}.top-doc-rank{width:20px;height:20px;border-radius:50%;background:var(--bg);color:var(--muted);font-size:.72rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.top-doc-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text)}.top-doc-count{font-weight:700;color:var(--blue);font-size:.82rem;flex-shrink:0}.lang-stats{display:flex;flex-direction:column;gap:.55rem}.lang-stat-row{display:flex;align-items:center;gap:.5rem;font-size:.82rem}.lang-stat-flag{font-size:1rem;flex-shrink:0}.lang-stat-name{width:90px;flex-shrink:0;color:var(--text);font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lang-stat-bar-wrap{flex:1;height:6px;background:#eff6ff;border-radius:999px;overflow:hidden}.lang-stat-bar{height:100%;background:#2563eb;border-radius:999px;min-width:2px;transition:width .4s ease}.lang-stat-count{width:28px;text-align:right;font-weight:600;color:var(--text-secondary);font-size:.75rem;flex-shrink:0}.audit-wrap{overflow-x:auto}.audit-table{width:100%;border-collapse:collapse;font-size:.82rem}.audit-table th{text-align:left;padding:.25rem .625rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);border-bottom:1px solid var(--border);white-space:nowrap}.audit-table td{padding:.45rem .625rem;border-bottom:1px solid #F8FAFC;vertical-align:middle}.audit-table tr:last-child td{border-bottom:none}.audit-table tr:hover td{background:#fafafa}.audit-time{color:var(--text-secondary);white-space:nowrap;font-size:.75rem}.audit-detail{color:var(--text);max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-badge{display:inline-block;padding:.15rem .5rem;border-radius:999px;font-size:.7rem;font-weight:600;white-space:nowrap}@media (max-width: 900px){.stat-cards{grid-template-columns:repeat(2,1fr)}.analytics-row{flex-direction:column}.analytics-panel--shrink{flex:1 1 auto}}@media (max-width: 480px){.stat-cards{grid-template-columns:1fr 1fr}}.reader-page{min-height:100vh;display:flex;flex-direction:column;background:#f8fafc;overflow-x:hidden}.reader-header{background:var(--sidebar-bg);padding:1rem 1.25rem}.reader-brand{display:flex;align-items:center;gap:.625rem}.reader-logo-img{width:32px;height:32px;border-radius:6px;object-fit:contain;background:#ffffff1a}.reader-muni-name{font-size:1rem;font-weight:700;color:#fff}.reader-docname{font-size:.78rem;color:#fff9;margin-top:.25rem;padding-left:40px}.reader-expired{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.5rem;text-align:center;gap:1rem}.reader-expired-icon{color:#f59e0b}.reader-expired h2{font-size:1.2rem;color:var(--text);margin:0}.reader-expired p{color:var(--text-secondary);line-height:1.6;max-width:340px;margin:0}.reader-notfound{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:3rem;text-align:center;color:var(--text-secondary)}.reader-notfound h2{color:var(--text)}.reader-footer{text-align:center;padding:1rem;font-size:.72rem;color:var(--muted);border-top:1px solid var(--border);margin-top:auto}.lang-picker{flex:1;padding:1.5rem 1rem}.lang-prompt{text-align:center;font-size:1rem;font-weight:600;color:var(--text);margin-bottom:1.5rem;line-height:1.5;display:flex;flex-direction:column;gap:.25rem}.lang-prompt small{font-weight:400;font-size:.8rem;color:var(--text-secondary)}.lang-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;max-width:420px;margin:0 auto}.lang-btn{display:flex;flex-direction:column;align-items:center;gap:.375rem;padding:1rem .5rem;background:#fff;border:1.5px solid var(--border);border-radius:var(--radius-lg);transition:all .15s;-webkit-tap-highlight-color:transparent}.lang-btn:hover,.lang-btn:active{border-color:var(--blue);background:var(--blue-light);transform:scale(1.03)}.lang-flag{font-size:1.9rem;line-height:1}.lang-label{font-size:.78rem;font-weight:500;color:var(--text);text-align:center}.lang-more-section{max-width:420px;margin:1rem auto 0;text-align:center}.lang-more-toggle{background:none;border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:.5rem 1.25rem;font-size:.82rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .15s;margin-bottom:.75rem}.lang-more-toggle:hover{border-color:var(--blue);color:var(--blue)}.lang-grid--more{margin-top:0}.reader-content{flex:1;display:flex;flex-direction:column}.reader-toolbar{display:flex;align-items:center;gap:1rem;padding:0 1rem;min-height:52px;background:#fff;border-bottom:1px solid var(--border)}.btn-back{color:var(--blue);font-size:.875rem;font-weight:600;min-height:44px;display:inline-flex;align-items:center;padding:0 .25rem}.active-lang{font-size:.95rem;font-weight:600}.reader-loading{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem;color:var(--text-secondary);font-size:.875rem}.spinner{width:34px;height:34px;border:3px solid var(--border);border-top-color:var(--blue);border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.ai-notice{display:flex;align-items:center;gap:.5rem;background:#f0f9ff;border:1px solid #BAE6FD;border-radius:var(--radius);padding:.5rem .75rem;font-size:.78rem;color:#0369a1;max-width:420px;margin:0 auto 1.25rem}.ai-notice-icon{flex-shrink:0;color:#0ea5e9}.disclaimer-banner{display:flex;gap:.875rem;background:#fffbeb;border:2px solid #FCD34D;border-radius:var(--radius);padding:1rem 1.125rem;margin:1rem 1.25rem 0}.disclaimer-icon{flex-shrink:0;color:#d97706;margin-top:1px}.disclaimer-body{display:flex;flex-direction:column;gap:.375rem}.disclaimer-title{font-size:.875rem;font-weight:700;color:#92400e;line-height:1.3}.disclaimer-text{font-size:.8rem;color:#78350f;line-height:1.6}@media (max-width: 480px){.disclaimer-banner{margin:.875rem .875rem 0;padding:.875rem;gap:.625rem}.ai-notice{font-size:.75rem}}.translation-body{padding:1.5rem 1.25rem;line-height:1.85;font-size:1rem;color:var(--text);max-width:700px;margin:0 auto;width:100%}.translation-body p{margin-bottom:.875em}@media (max-width: 768px){.sidebar{transform:translate(-100%)}.sidebar--open{transform:translate(0)}.sidebar-overlay{display:block}.mobile-topbar{display:flex}.main-content{margin-left:0;padding-top:52px}.view{padding:1.25rem 1rem 2rem;max-width:100%}.create-folder-bar{flex-direction:column}.create-folder-bar .btn-primary{width:100%}.settings-name-form{flex-direction:column}.settings-name-form .input{max-width:100%}.create-user-form{flex-direction:column}.folder-header{padding:.75rem;flex-wrap:wrap;gap:.5rem}.folder-header-left{flex:0 0 100%;min-width:0}.folder-header-actions{margin-left:auto}.folder-body{padding:.875rem .75rem}.rename-input{max-width:100%}.folder-body{overflow-x:auto}}@media (max-width: 480px){.login-card{padding:2rem 1.5rem 1.75rem}.reader-header{padding:.875rem 1rem}.reader-docname{padding-left:0;margin-top:.375rem}.lang-picker{padding:1.25rem 1rem}.lang-grid{grid-template-columns:repeat(3,1fr);gap:.5rem;max-width:100%}.lang-btn{padding:.875rem .375rem}.lang-flag{font-size:1.7rem}.disclaimer-banner{margin:.75rem 1rem 0}.translation-body{padding:1.25rem 1rem}.reader-toolbar{padding:0 .875rem}}