:root{--bg:#f4f5f7;--card:#ffffff;--text:#1c1f24;--muted:#5f6670;--accent:#1f6feb;--accent-hover:#1a5fd0;--ok:#1a7f37;--err:#c62828;--border:#dde1e6}@media (prefers-color-scheme:dark){:root{--bg:#15171a;--card:#1f2226;--text:#e6e8eb;--muted:#9aa1aa;--accent:#4c8dff;--accent-hover:#6aa0ff;--ok:#4cc26b;--err:#ff6b6b;--border:#33373d}}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text)}a{color:var(--accent)}.center{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:16px}.card{width:100%;max-width:520px;background:var(--card);border:1px solid var(--border);border-radius:10px;padding:24px}.card h1{margin:0 0 4px}.card h2{font-size:15px;margin:20px 0 6px}.card section{border-top:1px solid var(--border)}.muted{color:var(--muted)}.ok{color:var(--ok)}.err{color:var(--err)}.btn{font-family:inherit;font-size:14px;padding:8px 16px;border:none;border-radius:6px;background:var(--accent);color:#fff;cursor:pointer}.btn:hover:not(:disabled){background:var(--accent-hover)}.btn:disabled{opacity:.6;cursor:default}.btn.secondary{margin-top:24px;background:transparent;color:var(--muted);border:1px solid var(--border)}.banner{gap:12px;justify-content:center;background:#fff4ce;color:#4a3b00}.banner,.topbar{display:flex;align-items:center;padding:10px 16px}.topbar{gap:16px;background:var(--card);border-bottom:1px solid var(--border)}.topbar-brand{font-weight:600;color:var(--text);text-decoration:none}.topbar-nav{display:flex;gap:12px;flex:1 1}.topbar-nav a{text-decoration:none}.topbar-user{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.link-btn{font:inherit;font-size:14px;background:none;border:none;padding:0;color:var(--accent);cursor:pointer}.link-btn:disabled{opacity:.5;cursor:default}.link-btn.danger{color:var(--err)}.page{max-width:960px;margin:0 auto;padding:24px 16px}.page h1{margin:0 0 4px}.panel{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:16px 20px;margin-top:20px}.panel h2{font-size:16px;margin:0 0 8px}.panel-head{display:flex;align-items:center;gap:12px}.pill{font-size:13px;padding:2px 10px;border-radius:999px;background:#fff4ce;color:#4a3b00}.table-wrap{overflow-x:auto}.users-table{width:100%;border-collapse:collapse;font-size:14px}.users-table th{text-align:left;font-weight:600;color:var(--muted)}.users-table td,.users-table th{padding:8px;border-bottom:1px solid var(--border)}.users-table tr:last-child td{border-bottom:none}.users-table tr.saving{opacity:.6}input,select{font:inherit;font-size:14px;padding:6px 8px;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text)}select.status-active{color:var(--ok)}select.status-inactive{color:var(--err)}.add-form{display:flex;flex-wrap:wrap;gap:8px}.add-form input{flex:1 1 200px}.roles{margin:0;padding-left:20px;line-height:1.7}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}