:root{--bg:#090a0c;--panel:#121318;--panel2:#17191f;--line:#292c34;--text:#f5f3ee;--muted:#8f939e;--dim:#5d616b;--accent:#ff5e1a;--green:#52d394;--yellow:#e6c64d;--red:#ef6b67}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 15% 0%,rgba(255,94,26,.12),transparent 35%),var(--bg);color:var(--text);font-family:Inter,sans-serif;min-height:100vh}.topbar{display:flex;justify-content:space-between;gap:28px;padding:28px 32px 22px;border-bottom:1px solid var(--line);align-items:flex-end}.eyebrow{font-family:JetBrains Mono,monospace;color:var(--accent);font-size:11px;letter-spacing:.16em}.eyebrow i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent);margin-right:8px}h1{font-family:Archivo Black,sans-serif;font-size:34px;margin:8px 0 5px}h1 span{color:var(--accent)}.topbar p{margin:0;color:var(--muted);font-size:13px}.meta{text-align:right;color:var(--dim);font:11px/1.7 JetBrains Mono,monospace}.meta b{display:block;color:var(--text)}.tabs{display:flex;gap:8px;padding:12px 32px;border-bottom:1px solid var(--line);overflow:auto}.tab,.detail-nav button{border:1px solid var(--line);background:transparent;color:var(--muted);padding:8px 13px;border-radius:999px;cursor:pointer}.tab.active,.tab:hover{border-color:var(--accent);color:var(--text)}main{padding:26px 32px 42px;max-width:1600px;margin:auto}.kpi-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:30px}.kpi{background:var(--panel);padding:18px 19px}.kpi small,.section-head small,.panel-title{font-size:10px;color:var(--muted);letter-spacing:.11em;text-transform:uppercase}.kpi strong{display:block;font:700 22px JetBrains Mono,monospace;margin-top:8px}.kpi span{display:block;color:var(--dim);font-size:11px;margin-top:4px}.section-head{display:flex;align-items:end;justify-content:space-between;margin:20px 0 14px}.section-head h2{margin:4px 0 0;font-size:20px}.demo-badge{font:10px JetBrains Mono,monospace;border:1px solid #6a4b18;color:var(--yellow);padding:6px 9px;border-radius:20px}.account-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.account-card{background:linear-gradient(145deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:14px;padding:20px;cursor:pointer;transition:.16s}.account-card:hover{transform:translateY(-2px);border-color:#4c505a}.account-top{display:flex;justify-content:space-between;gap:20px}.account-card h3{margin:0;font-size:20px}.status{font:10px JetBrains Mono,monospace;color:var(--green)}.account-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px}.mini{border-top:1px solid var(--line);padding-top:12px}.mini small{display:block;color:var(--dim);font-size:9px;text-transform:uppercase}.mini b{display:block;font:700 14px JetBrains Mono,monospace;margin-top:5px}.progress{height:5px;background:#242730;border-radius:5px;margin-top:16px;overflow:hidden}.progress i{display:block;height:100%;background:var(--accent)}.detail-nav{display:flex;justify-content:space-between;gap:16px;margin-bottom:18px}.account-switch{display:flex;gap:6px;flex-wrap:wrap}.account-switch button.active{background:var(--accent);border-color:var(--accent);color:#1a0902}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:20px}.panel-title{margin-bottom:16px}.metric-row{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid var(--line);font-size:13px}.metric-row:last-child{border-bottom:none}.metric-row span{color:var(--muted)}.metric-row b{font-family:JetBrains Mono,monospace}.bars{display:grid;gap:11px}.bar-row{display:grid;grid-template-columns:52px 1fr 54px;gap:10px;align-items:center;font-size:11px;color:var(--muted)}.bar{height:8px;background:#252830;border-radius:9px;overflow:hidden}.bar i{display:block;height:100%;background:var(--accent)}.alert{border-left:3px solid var(--line);padding:11px 12px;margin:9px 0;background:rgba(255,255,255,.02)}.alert.warning{border-color:var(--yellow)}.alert.info{border-color:var(--green)}.alert b{display:block;font-size:12px}.alert p{color:var(--muted);font-size:12px;line-height:1.5;margin:5px 0 0}.hidden{display:none}footer{text-align:center;color:var(--dim);border-top:1px solid var(--line);padding:18px;font:10px JetBrains Mono,monospace}@media(max-width:1100px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.account-metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.topbar{padding:22px;align-items:flex-start;flex-direction:column}.meta{text-align:left}.tabs,main{padding-left:20px;padding-right:20px}.kpi-grid{grid-template-columns:repeat(2,1fr)}.account-grid,.two-col{grid-template-columns:1fr}.account-metrics{grid-template-columns:repeat(2,1fr)}}