:root{color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;background:#0b0d12;color:#e6e8ee;font:14px/1.5 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
a{color:#7aa2ff}
.wrap{max-width:1100px;margin:0 auto;padding:28px 20px 64px}
h1{font-size:20px;margin:0 0 2px}
.muted{color:#8b93a7}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:20px 0}
.card{background:#141821;border:1px solid #232a38;border-radius:12px;padding:14px 16px}
.card .n{font-size:26px;font-weight:650;letter-spacing:-.02em}
.card .l{color:#8b93a7;font-size:12px;text-transform:uppercase;letter-spacing:.04em}
section{background:#141821;border:1px solid #232a38;border-radius:12px;padding:16px;margin:16px 0}
section h2{font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:#8b93a7;margin:0 0 12px}
table{width:100%;border-collapse:collapse;font-size:13px}
th,td{text-align:left;padding:7px 8px;border-bottom:1px solid #1d232f;white-space:nowrap}
th{color:#8b93a7;font-weight:550}
td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}
.bars{display:flex;align-items:flex-end;gap:4px;height:120px;margin-top:6px}
.bar{flex:1;background:linear-gradient(#7aa2ff,#3b5bdb);border-radius:3px 3px 0 0;min-height:2px;position:relative}
.bar span{position:absolute;bottom:-18px;left:0;right:0;text-align:center;font-size:10px;color:#6b7280}
.pill{display:inline-block;background:#1d2433;border:1px solid #2b3445;border-radius:999px;padding:1px 9px;font-size:12px}
.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px}
.btn{background:#1d2433;border:1px solid #2b3445;color:#e6e8ee;border-radius:8px;padding:8px 14px;font-size:13px;cursor:pointer;text-decoration:none}
.center{max-width:380px;margin:12vh auto 0;text-align:center}
input[type=email]{width:100%;background:#0b0d12;border:1px solid #2b3445;border-radius:8px;color:#e6e8ee;padding:11px 12px;font-size:14px;margin:14px 0}
.err{color:#ff8585;font-size:13px;margin-top:10px}
.ok{color:#79e2a8;font-size:13px;margin-top:10px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.logout{margin:0}.back{margin-top:18px}
@media(max-width:700px){.split{grid-template-columns:1fr}.wrap{overflow-x:auto}}