:root{--bg:#090b14;--panel:#121626d6;--panel-2:#0c0f1bf0;--border:#a68bff2e;--text:#f4f6ff;--muted:#aab1ca;--accent:#8b5cf6;--accent-2:#22c55e;--danger:#ef4444}*{box-sizing:border-box}html,body{background:radial-gradient(circle at 20% 0%, #8b5cf62e, transparent 34%), radial-gradient(circle at 80% 18%, #22c55e1a, transparent 30%), var(--bg);min-height:100%;color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}input,button{font:inherit}.shell{min-height:100vh;padding:24px}.nav{justify-content:space-between;align-items:center;gap:16px;max-width:1240px;margin:0 auto 22px;display:flex}.brand{letter-spacing:-.03em;font-weight:900}.navLinks{flex-wrap:wrap;gap:10px;display:flex}.card{border:1px solid var(--border);background:var(--panel);border-radius:22px;padding:20px;box-shadow:0 28px 80px #00000052}.container{max-width:1240px;margin:0 auto}.grid4{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.statTitle{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800}.statValue{margin-top:10px;font-size:28px;font-weight:900}.muted{color:var(--muted);font-size:13px}.input{border:1px solid var(--border);width:100%;color:var(--text);background:#05070fc2;border-radius:14px;outline:none;padding:13px 14px}.button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#22c55e);border:0;border-radius:14px;padding:12px 16px;font-weight:900}.ghost{border:1px solid var(--border);color:var(--text);background:#ffffff0a;border-radius:14px;padding:11px 14px;font-weight:800;display:inline-flex}.tableWrap{overflow-x:auto}.table{border-collapse:collapse;width:100%;min-width:920px}.table th,.table td{text-align:left;white-space:nowrap;border-bottom:1px solid #ffffff14;padding:13px 10px}.table th{color:var(--muted);text-transform:uppercase;font-size:12px}.loginWrap{place-items:center;min-height:100vh;padding:24px;display:grid}.loginCard{width:min(440px,100%)}.formStack{gap:12px;display:grid}.alertError{color:#fecaca;background:#ef44441a;border:1px solid #ef444459;border-radius:14px;padding:12px}.alertOk{color:#bbf7d0;background:#22c55e1a;border:1px solid #22c55e4d;border-radius:14px;padding:12px}@media (max-width:900px){.grid4{grid-template-columns:1fr 1fr}.nav{flex-direction:column;align-items:flex-start}}@media (max-width:560px){.grid4{grid-template-columns:1fr}}