@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600&family=Poppins:wght@600;700&display=swap";:root{color:#111827;font-synthesis:none;text-rendering:optimizelegibility;--navy:#0b2d5c;--teal:#0f8f87;--orange:#f59e0b;--border:#d0d5dd;--muted:#667085;--danger:#b42318;--shadow:0 1px 2px #1018280f;--surface:#fff;--surface-subtle:#eaecf0;--input-border:#d0d5dd;--label:#111827;--page-background:#f2f4f7;--login-background:#f2f4f7;background:#f2f4f7;font-family:Montserrat,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{color:#e7edf6;--navy:#e7edf6;--teal:#53c9c0;--orange:#fbbf24;--border:#2d3d50;--muted:#a9b7c9;--surface:#182535;--surface-subtle:#203247;--input-border:#506176;--shadow:0 12px 34px #00000038;--label:#c5d1e0;--page-background:#101923;--login-background:#101923;background:#101923}*{box-sizing:border-box}html,body,#root{background:var(--page-background);min-height:100%}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button,.button{cursor:pointer}a{color:inherit}h1,h2{color:var(--navy);margin-top:0;font-family:Poppins,sans-serif}h1{margin-bottom:.5rem;font-size:clamp(2rem,3vw,2.5rem);line-height:1.2}h2{font-size:2rem;line-height:1.25}.app-shell{min-height:100vh}.topbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:10;justify-content:space-between;align-items:center;min-height:74px;padding:.75rem max(3rem,50vw - 600px);display:flex;position:sticky;top:0}.brand img{object-fit:contain;max-width:170px;height:42px;display:block}.topbar nav{align-items:center;gap:1.15rem;display:flex}.topbar nav a,.topbar .link-button{color:var(--muted);font-size:.875rem;font-weight:600;text-decoration:none}.topbar nav a.active{color:var(--teal)}.theme-toggle{color:inherit;background:0 0;padding:.35rem .45rem}.page{max-width:1280px;margin:0 auto;padding:3rem 3rem 5rem}.page-heading,.section-heading{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.section{margin-top:2.5rem}.section-heading{align-items:center;margin-bottom:1rem}.section-heading h2{margin-bottom:.2rem}.muted{color:var(--muted);margin:0}.eyebrow{color:var(--teal);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.4rem;font-size:.75rem;font-weight:600;display:block}.card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;padding:1.5rem}.login-page,.centered{justify-content:center;align-items:center;min-height:100vh;padding:1.25rem;display:flex}.login-page{background:var(--login-background)}.login-card,.password-card{width:100%;max-width:430px}.login-logo{object-fit:contain;max-width:230px;height:54px;margin:0 auto 1.5rem;display:block}.login-card h1{text-align:center}.login-card>.muted{text-align:center;margin-bottom:1.5rem}.narrow{max-width:570px}.field{gap:.45rem;margin-bottom:1rem;display:grid}.field>span,.detail-label{color:var(--label);font-size:.875rem;font-weight:600;line-height:1.4}input,textarea,select{background:var(--surface);border:1px solid var(--input-border);color:inherit;border-radius:8px;width:100%;padding:.72rem .82rem}input:focus,textarea:focus,select:focus{border-color:var(--teal);outline:none;box-shadow:0 0 0 3px #0f8f872e}textarea{resize:vertical}.button,button{border:0;border-radius:8px;justify-content:center;padding:.7rem 1rem;font-weight:700;text-decoration:none;display:inline-flex}.primary{background:var(--orange);color:#111827}.primary:hover{background:#d98b05}.primary:focus-visible,.secondary:focus-visible,.danger:focus-visible,.theme-toggle:focus-visible,.link-button:focus-visible{outline-offset:2px;outline:3px solid #0f8f8759}.primary:active,.secondary:active,.danger:active{transform:translateY(1px)}.secondary{background:var(--surface);border:1px solid var(--navy);color:var(--navy)}.secondary:hover{background:var(--surface-subtle)}.danger{color:var(--danger);background:#fee4e2}.danger:hover{background:#fecdca}.link-button{background:0 0;padding:0}.danger-text{color:var(--danger)!important}.disabled,button:disabled{cursor:not-allowed;opacity:.55}.actions{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.editor{max-width:720px;margin:0 auto}.editor-attachment{border-top:1px solid var(--border);margin-top:1.5rem;padding-top:1.25rem}.editor-attachment .section-heading{margin-bottom:.75rem}.pending-file{background:var(--surface-subtle);border:1px solid var(--border);border-radius:8px;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 1rem;display:flex}.pending-file>div{gap:.25rem;min-width:0;display:grid}.pending-file strong{overflow-wrap:anywhere}.pending-file span{color:var(--muted);font-size:.84rem}.editor .actions{border-top:1px solid var(--border);justify-content:flex-end;margin-top:1.5rem;padding-top:1.25rem}.search{max-width:480px;margin-bottom:1rem;display:block}.record-list,.attachment-list{overflow:hidden}.record-row,.attachment-row,.user-row{background:var(--surface);border:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.15rem;display:flex}.record-row{text-decoration:none}.record-row:first-child{border-radius:12px 12px 0 0}.record-row:last-child{border-radius:0 0 12px 12px}.record-row+.record-row{border-top:0}.record-row:hover{background:var(--surface-subtle);border-color:#b9cfeb;position:relative}.record-row div,.attachment-row>div:first-child,.user-row>div:first-child{gap:.3rem;display:grid}.record-row span,.attachment-row span,.user-row span,.record-row time{color:var(--muted);font-size:.84rem}.empty{background:var(--surface);color:var(--muted);text-align:center;border:1px dashed #bdc9d7;border-radius:12px;padding:3rem 1.5rem}.alert{border-radius:8px;margin-bottom:1rem;padding:.8rem 1rem}.alert.error{color:#7a271a;background:#fee4e2}.alert.success{color:#05603a;background:#dcfae6}.dialog-backdrop{z-index:20;background:#102a497a;justify-content:center;align-items:center;padding:1.25rem;display:flex;position:fixed;inset:0}.dialog{width:100%;max-width:450px}.dialog-icon{color:var(--danger);background:#fee4e2;border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;margin-bottom:1.15rem;font-size:1.15rem;font-weight:800;display:flex}.dialog h2{margin-bottom:.6rem}.dialog-actions{justify-content:flex-end;margin-top:1.5rem}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem 2rem;display:grid}.detail-grid>div{gap:.35rem;display:grid}.detail-grid .wide{white-space:pre-wrap;grid-column:1/-1}.attachment-list{padding:0}.attachment-row,.user-row{border:0}.attachment-row+.attachment-row,.user-row+.user-row{border-top:1px solid var(--border)}.users-layout{grid-template-columns:1.5fr 1fr;align-items:start;gap:1.5rem;display:grid}.user-list{border:1px solid var(--border);border-radius:10px;overflow:hidden}.spinner{border:3px solid var(--border);border-top-color:var(--teal);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}.sr-only{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=760px){.topbar{align-items:flex-start;gap:.75rem;padding:.75rem 1.25rem;position:static}.brand img{max-width:130px;height:34px}.topbar nav{flex-wrap:wrap;justify-content:flex-end;gap:.7rem}.topbar nav a,.topbar .link-button{font-size:.8rem}.page{padding:2rem 1.25rem 4rem}.page-heading,.section-heading,.record-row,.attachment-row,.user-row{flex-direction:column;align-items:stretch}.detail-grid,.users-layout{grid-template-columns:1fr}.actions .button,.actions button{flex:1}}