:root{--bg:#0b0f14;--surface:#121820;--surface-alt:#1a222d;--border:#243041;--text:#f3f6fa;--muted:#9aa8b8;--accent:#ff5a3d;--accent-dim:rgba(255,90,61,0.16);--positive:#3dd68c;--warning:#f5b942;--danger:#ff6b6b;--radius:14px;--sidebar:240px;font-family:Segoe UI,ui-sans-serif,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.app-shell{display:grid;grid-template-columns:var(--sidebar) 1fr;min-height:100vh}.sidebar{background:#0e141c;border-right:1px solid var(--border);padding:24px 16px;display:flex;flex-direction:column;gap:8px}.brand{font-weight:700;font-size:1.25rem;letter-spacing:.02em;margin:0 8px 20px}.brand span{color:var(--accent)}.nav-link{display:block;padding:10px 12px;border-radius:10px;color:var(--muted)}.nav-link.active,.nav-link:hover{background:var(--accent-dim);color:var(--text)}.sidebar-footer{margin-top:auto;padding:12px;border-top:1px solid var(--border);color:var(--muted);font-size:.85rem}.main{padding:28px 32px 48px}.page-title{margin:0 0 6px;font-size:1.6rem}.page-sub{margin:0 0 24px;color:var(--muted)}.grid-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px;margin-bottom:22px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px}.metric-label{color:var(--muted);font-size:.85rem;margin-bottom:8px}.metric-value{font-size:1.7rem;font-weight:700}.metric-sub{margin-top:6px;color:var(--muted);font-size:.8rem}.panel-grid{display:grid;grid-template-columns:1.4fr 1fr;grid-gap:14px;gap:14px;margin-bottom:22px}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:10px 8px;border-bottom:1px solid var(--border);font-size:.92rem}th{color:var(--muted)}.badge,th{font-weight:600}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:.75rem}.badge.pro{background:rgba(61,214,140,.15);color:var(--positive)}.badge.free{background:rgba(154,168,184,.15);color:var(--muted)}.badge.beta{background:rgba(245,185,66,.15);color:var(--warning)}.badge.admin{background:var(--accent-dim);color:var(--accent)}.badge.off{background:rgba(255,107,107,.15);color:var(--danger)}.badge.on{background:rgba(61,214,140,.15);color:var(--positive)}.btn{border:0;border-radius:999px;padding:10px 16px;cursor:pointer;font-weight:600}.btn-primary{background:var(--accent);color:white}.btn-secondary{background:var(--surface-alt);color:var(--text);border:1px solid var(--border)}.btn-danger{background:rgba(255,107,107,.18);color:var(--danger)}.btn:disabled{opacity:.5;cursor:not-allowed}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(900px 400px at 20% -10%,rgba(255,90,61,.22),transparent),var(--bg)}.login-card{width:min(420px,100%);background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:32px;text-align:center}.toolbar{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}.input{padding:10px 12px;min-width:220px}.input,.select{background:var(--surface-alt);border:1px solid var(--border);color:var(--text);border-radius:10px}.select{padding:8px 10px}.stack{flex-direction:column;gap:12px}.row,.stack{display:flex}.row{gap:10px;align-items:center;flex-wrap:wrap}.muted{color:var(--muted)}.error{color:var(--danger)}.bar-track{height:10px;background:var(--surface-alt);border-radius:999px;overflow:hidden;margin-top:8px}.bar-fill{height:100%;background:var(--accent)}@media (max-width:960px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--border)}.grid-metrics,.panel-grid{grid-template-columns:1fr}}