:root{--bg:#0f1419;--panel:#1a222c;--border:#2a3542;--text:#e8eef4;--muted:#9aa8b5;--accent:#3d9cf0;--danger:#e85d5d;--ok:#3ecf8e;--warn:#e6b84d;font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);min-height:100%}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.shell{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.nav{background:var(--panel);border-right:1px solid var(--border);padding:1.25rem 1rem}.nav h1{font-size:1rem;margin:0 0 1.5rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.nav a{display:block;padding:.5rem .65rem;border-radius:6px;color:var(--text);margin-bottom:.25rem}.nav a.active,.nav a:hover{background:#243040;text-decoration:none}.main{padding:1.5rem 2rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:1rem;gap:1rem;margin-bottom:1.5rem}.card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:1rem}.card .label{color:var(--muted);font-size:.8rem;margin-bottom:.35rem}.card .value{font-size:1.5rem;font-weight:600}table{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--border);border-radius:10px;overflow:hidden}td,th{text-align:left;padding:.65rem .85rem;border-bottom:1px solid var(--border);font-size:.9rem}th{color:var(--muted);font-weight:500}.btn{display:inline-block;background:var(--accent);color:#051018;border:none;border-radius:6px;padding:.55rem 1rem;font-weight:600;cursor:pointer}.btn.secondary{background:transparent;color:var(--text);border:1px solid var(--border)}.btn.danger{background:var(--danger);color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed}.login{min-height:100vh;display:grid;place-items:center}.login-box{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:2rem;width:min(400px,92vw)}.login-box h1{margin:0 0 .5rem}.login-box p{color:var(--muted);margin:0 0 1.5rem}.error{color:var(--danger);margin-top:1rem;font-size:.9rem}.toolbar{display:flex;gap:.75rem;align-items:center;margin-bottom:1rem;flex-wrap:wrap}input[type=search]{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:.5rem .75rem;min-width:220px}.muted{color:var(--muted)}.badge{display:inline-block;padding:.15rem .45rem;border-radius:999px;font-size:.75rem;background:#243040}.badge.suspended{background:#4a2020;color:#ffb4b4}.badge.active{background:#1a3d2e;color:#9eecc4}