:root { color-scheme: dark; --bg:#0b1020; --panel:#141b2f; --muted:#8994ad; --line:#27324f; --gold:#ffbf3f; --cyan:#52d6d3; }
* { box-sizing: border-box; }
body { margin:0; min-height:100vh; background:radial-gradient(circle at 15% 0%,#1b2850 0,transparent 38%),var(--bg); color:#f7f8fc; font-family:Inter,"PingFang SC",system-ui,sans-serif; }
main { width:min(1180px,calc(100% - 40px)); margin:0 auto; padding:42px 0 70px; }
header { display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:28px; }
h1 { margin:7px 0 0; font-size:32px; letter-spacing:-1px; } h2 { margin:0; font-size:18px; }
.eyebrow { color:var(--cyan); font-size:12px; font-weight:800; letter-spacing:2px; }
.header-actions { display:flex; align-items:center; gap:14px; color:var(--muted); font-size:13px; }
button { border:0; border-radius:10px; padding:10px 18px; background:var(--gold); color:#17120a; font-weight:800; cursor:pointer; }
.cards { display:grid; grid-template-columns:repeat(6,1fr); gap:12px; margin-bottom:14px; }
.card,.panel { background:linear-gradient(145deg,rgba(25,34,60,.96),rgba(16,23,42,.96)); border:1px solid var(--line); border-radius:17px; box-shadow:0 18px 45px rgba(0,0,0,.18); }
.card { padding:18px; min-height:112px; }.card span { color:var(--muted); font-size:13px; }.card strong { display:block; margin-top:15px; font-size:28px; }.card em { color:var(--cyan); font-size:11px; font-style:normal; }
.grid { display:grid; grid-template-columns:1.35fr .65fr; gap:14px; }.panel { padding:22px; min-width:0; }.wide { grid-column:1/-1; }
.panel-title { display:flex; justify-content:space-between; align-items:center; margin-bottom:18px; }.panel-title span { color:var(--muted); font-size:12px; }
.chart-wrap { overflow-x:auto; } canvas { width:100%; min-width:700px; height:280px; }
.list { display:grid; gap:9px; }.row { display:flex; justify-content:space-between; gap:14px; padding:12px 13px; background:#0f1629; border-radius:10px; }.row span { color:var(--muted); }.empty { color:var(--muted); padding:30px 0; text-align:center; }
.row.column { flex-direction:column; }.row small { color:var(--muted); line-height:1.5; }.compact { margin-top:14px; }.risk-high { border-left:3px solid #ff647c; }.risk-warning,.risk-medium { border-left:3px solid var(--gold); }
.beta-cards { margin:0; grid-template-columns:repeat(6,1fr); }.beta-cards .card { min-height:90px; }.beta-cards .card strong { font-size:23px; }
@media(max-width:900px){.cards{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.wide{grid-column:auto}header{align-items:flex-start;gap:20px;flex-direction:column}}