:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#070b16;--bg-accent:#0f1730;--panel:#0c1222e0;--panel-border:#ffffff14;--panel-strong:#ffffff29;--text:#f4f6fb;--muted:#f4f6fbb8;--muted-soft:#f4f6fb80;--accent:#ff7a18;--accent-soft:#ff7a182e;--teal:#22b8cf;--success:#6bcf63;--shadow:0 24px 60px #00000052;--radius-xl:28px;--radius-lg:20px;--radius-md:14px;--radius-sm:10px;--mono:"IBM Plex Mono", "SFMono-Regular", "Consolas", "Liberation Mono", monospace;--sans:"Trebuchet MS", "Verdana", "Geneva", sans-serif}*{box-sizing:border-box}html{background:radial-gradient(circle at 0 0,#ff7a182e,#0000 36%),radial-gradient(circle at 100% 0,#22b8cf24,#0000 32%),linear-gradient(#091120 0%,#05070f 100%)}body{min-height:100vh;color:var(--text);font-family:var(--sans);margin:0}button,input,select{font:inherit}code{font-family:var(--mono)}.dashboard-shell{width:min(1440px,100vw - 32px);margin:0 auto;padding:28px 0 44px}.hero-card,.panel{border:1px solid var(--panel-border);background:var(--panel);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:var(--shadow)}.hero-card{border-radius:var(--radius-xl);grid-template-columns:minmax(0,1.8fr) minmax(280px,.9fr);gap:24px;padding:28px;display:grid}.eyebrow{color:var(--teal);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px;font-size:.78rem}.hero-card h1{letter-spacing:-.04em;margin:0;font-size:clamp(2.1rem,4vw,4rem);line-height:.96}.hero-copy{max-width:54rem;color:var(--muted);margin:16px 0 0;font-size:1.02rem;line-height:1.65}.hero-copy code{background:#ffffff14;border-radius:999px;padding:.1rem .35rem;display:inline-block}.hero-stats{gap:14px;display:grid}.info-pill{border-radius:var(--radius-lg);background:linear-gradient(135deg,#ff7a1824,#22b8cf1a),#ffffff0a;border:1px solid #ffffff14;gap:8px;padding:16px 18px;display:grid}.info-pill span{color:var(--muted-soft);font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}.info-pill strong{letter-spacing:-.03em;font-size:1.4rem}.panel{border-radius:var(--radius-xl);margin-top:20px;padding:24px}.controls-panel{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:16px;display:grid}.control-group{gap:10px;display:grid}.control-group label,.control-group span{color:var(--muted-soft);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;font-size:.76rem}.control-group input,.control-group select,.button-row button,.segmented-control button,.metric-chip,.metric-table-row{border:1px solid var(--panel-border);color:var(--text)}.control-group input,.control-group select{border-radius:var(--radius-md);background:#ffffff0a;outline:none;height:48px;padding:0 14px}.control-group input:focus,.control-group select:focus{border-color:#ff7a1880;box-shadow:0 0 0 3px #ff7a1824}.segmented-control{border-radius:var(--radius-md);background:#ffffff0d;grid-template-columns:repeat(2,1fr);padding:4px;display:grid}.segmented-control button{cursor:pointer;background:0 0;border-radius:10px;height:40px}.segmented-control button.is-active{background:linear-gradient(135deg,#ff7a1847,#22b8cf2e);border-color:#0000}.button-row{gap:10px;display:flex}.button-row button{border-radius:var(--radius-md);cursor:pointer;background:#ffffff0d;flex:1;height:48px}.section-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px;display:flex}.section-heading h2{letter-spacing:-.03em;margin:0;font-size:1.5rem}.section-heading p,.legend-hint,.muted-copy{color:var(--muted);margin:8px 0 0;line-height:1.5}.chart-frame{border-radius:var(--radius-lg);background:linear-gradient(#ffffff08,#ffffff04),#050913d6;padding:18px 12px 8px}.chart-empty-state,.empty-panel{text-align:center;place-items:center;min-height:240px;display:grid}.dashboard-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:20px;display:grid}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.summary-card{border-radius:var(--radius-lg);background:linear-gradient(145deg,#ffffff0d,#ffffff05),#ffffff05;border:1px solid #ffffff0f;padding:18px}.summary-label{color:var(--muted-soft);font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:.78rem;line-height:1.5}.summary-main{letter-spacing:-.03em;margin:12px 0 16px;font-size:1.45rem}.summary-card dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;display:grid}.summary-card dl div{gap:6px;display:grid}.summary-card dt{color:var(--muted-soft);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.summary-card dd{margin:0}.notes-list{border-radius:var(--radius-lg);background:#ffffff0a;margin-top:18px;padding:16px 18px}.notes-list p{color:var(--muted);margin:0}.notes-list p+p{margin-top:10px}.metric-chip-grid{flex-wrap:wrap;gap:10px;display:flex}.metric-chip{text-align:left;cursor:pointer;background:#ffffff0a;border-radius:16px;gap:6px;min-width:180px;padding:12px 14px;display:grid}.metric-chip span{font-size:.95rem;line-height:1.4}.metric-chip small{color:var(--muted-soft);font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;font-size:.76rem}.metric-chip.is-selected,.metric-table-row.is-selected{background:linear-gradient(135deg,#ff7a1829,#22b8cf1f),#ffffff0a;border-color:#ff7a1880}.metric-table{border-top:1px solid #ffffff14;margin-top:18px}.metric-table-head,.metric-table-row{grid-template-columns:minmax(0,1.3fr) minmax(120px,.45fr) minmax(170px,.65fr);align-items:center;gap:14px;display:grid}.metric-table-head{color:var(--muted-soft);font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;padding:14px 0;font-size:.78rem}.metric-table-row{text-align:left;cursor:pointer;background:0 0;border:0;border-top:1px solid #ffffff0f;width:100%;padding:14px 0}.metric-label-cell{gap:4px;display:grid}.metric-label-cell strong{font-weight:600;line-height:1.4}.metric-label-cell small{color:var(--muted-soft)}.error-banner{border-radius:var(--radius-md);color:#ffbbb9;background:#f25f5c1a;border:1px solid #f25f5c59;margin:0 0 16px;padding:12px 14px}@media (max-width:1100px){.hero-card,.dashboard-grid,.controls-panel,.metric-table-head,.metric-table-row{grid-template-columns:1fr}.section-heading{flex-direction:column;align-items:start}}@media (max-width:720px){.dashboard-shell{width:min(100vw - 20px,1440px);padding:14px 0 30px}.hero-card,.panel{border-radius:22px;padding:18px}.hero-card h1{font-size:2.3rem}.button-row{flex-direction:column}.summary-grid{grid-template-columns:1fr}}