:root{--bg:#0b0d10;--panel:#12161b;--text:#e6edf3;--muted:#99a3ad;--accent:#5aa9e6;--accent-2:#8bd3dd;--good:#57d38c;--warn:#f4c542}*{box-sizing:border-box}body,html{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;color:var(--text);background:radial-gradient(1200px 600px at 20% -10%,#0f141a 0,var(--bg) 60%) fixed}.container{max-width:1180px;padding:24px 16px 80px;margin:0 auto}.title{font-size:28px;font-weight:700;letter-spacing:.2px;margin:8px 0 16px}.subtitle{color:var(--muted);margin-bottom:28px}.grid{display:grid;grid-template-columns:1fr;grid-gap:16px;gap:16px}@media (min-width:600px){.grid{grid-template-columns:1.1fr .9fr}}.panel{background:linear-gradient(180deg,rgba(127,255,127,.05),rgba(255,255,255,0));border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:16px}.panel h3{margin:0 0 8px;font-size:16px}.muted{color:var(--muted)}.row{align-items:baseline}.metrics,.row{display:flex;gap:16px;flex-wrap:wrap}.metric{background:rgba(255,255,255,.04);padding:8px 10px;border-radius:8px}.metric b{font-weight:600}.list{display:grid;grid-gap:10px;gap:10px}.card{background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,0));border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:14px}.card h4{margin:0;font-size:15px}.card p{margin:6px 0 0;color:var(--muted)}.chip{padding:4px 8px;color:var(--muted);font-size:12px}.chip,.chipBtn{display:inline-block;border-radius:999px;background:rgba(255,255,255,.06)}.chipBtn{padding:6px 10px;color:var(--text);font-size:13px;cursor:pointer;border:1px solid rgba(255,255,255,.08);-webkit-user-select:none;-moz-user-select:none;user-select:none}.chipBtn:hover{background:rgba(255,255,255,.1)}.chipBtn.active{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#0b0d10;border-color:transparent}.table{width:100%;border-collapse:collapse;font-size:14px}.table td,.table th{padding:6px 8px;border-bottom:1px dashed rgba(255,255,255,.07);text-align:right}.table td:first-child,.table th:first-child{text-align:left}.table th{color:var(--muted);font-weight:600}svg text{fill:var(--muted);font-size:12px}svg .bar{fill:url(#gradBar)}svg .barLabel{fill:var(--text);font-size:12px}