:root{--bg:#0f172a;--panel:#1e293b;--border:#334155;--text:#e2e8f0;--muted:#94a3b8;--accent:#2563eb;--accent-hover:#1d4ed8;--danger:#dc2626;--danger-hover:#b91c1c;--ok:#16a34a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}a{color:var(--accent)}.container{max-width:960px;margin:0 auto;padding:2rem 1.25rem}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:1.5rem}.topbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.topbar h1{margin:0;font-size:1.1rem}label{color:var(--muted);margin:0 0 .35rem;font-size:.8rem;display:block}input,select{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);border-radius:8px;padding:.55rem .65rem;font-size:.9rem}button{cursor:pointer;background:var(--accent);color:#fff;border:0;border-radius:8px;padding:.5rem .85rem;font-size:.85rem;font-weight:600}button:hover{background:var(--accent-hover)}button:disabled{opacity:.5;cursor:not-allowed}button.ghost{border:1px solid var(--border);color:var(--text);background:0 0}button.ghost:hover{background:var(--border)}button.danger{background:var(--danger)}button.danger:hover{background:var(--danger-hover)}table{border-collapse:collapse;width:100%;font-size:.88rem}th,td{text-align:left;border-bottom:1px solid var(--border);padding:.6rem .5rem}th{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;font-size:.78rem;font-weight:600}.badge{border-radius:999px;padding:.15rem .5rem;font-size:.72rem;font-weight:600;display:inline-block}.badge.admin{color:#bfdbfe;background:#1e3a8a}.badge.user{color:#cbd5e1;background:#334155}.badge.inactive{color:#fecaca;background:#451a1a}.badge.active{color:#bbf7d0;background:#14532d}.error{color:#fecaca;background:#451a1a;border:1px solid #7f1d1d;border-radius:8px;margin:0 0 1rem;padding:.6rem .7rem;font-size:.85rem}.row-actions{flex-wrap:wrap;gap:.4rem;display:flex}.overlay{z-index:50;background:#0000008c;place-items:center;display:grid;position:fixed;inset:0}.modal{width:100%;max-width:400px;margin:1rem}.modal .actions{justify-content:flex-end;gap:.5rem;margin-top:1.25rem;display:flex}