@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:Space Grotesk,Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color:#dfe7f5;background-color:#080c18;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(120% 120% at 20% 20%,#10214a 0,transparent 35%),radial-gradient(90% 80% at 80% 0,#1c2c55 0,transparent 40%),#080c18;color:#dfe7f5}a{color:inherit;text-decoration:none}button{font-family:inherit}#root{max-width:1380px;margin:0 auto;padding:32px 28px 60px}.page{display:flex;flex-direction:column;gap:20px}.page-header{display:flex;justify-content:space-between;align-items:flex-end;gap:16px}.page-header h1{margin:4px 0;font-size:36px;letter-spacing:-.02em}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#7fa3ff;font-weight:600}.muted{color:#8ea1c3;font-size:14px}.error{color:#f87171;font-weight:600}.grid{display:grid;gap:16px}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.chart-grid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr))}.table-grid{grid-template-columns:repeat(auto-fit,minmax(380px,1fr))}.kpi-card{background:linear-gradient(145deg,#0f172a,#0b1224);border:1px solid #1f2a42;border-radius:16px;padding:16px 18px;box-shadow:0 20px 60px #03071266}.kpi-card .kpi-title{font-size:14px;color:#91a7d7}.kpi-card .kpi-value{font-size:30px;font-weight:700;margin:6px 0}.kpi-card .kpi-delta{font-size:13px;color:#9bb8ff}.accent-blue{border-color:#38bdf8}.accent-orange{border-color:#fb923c}.accent-green{border-color:#34d399}.accent-pink{border-color:#f472b6}.accent-slate{border-color:#94a3b8}.panel{background:#0f172aeb;border:1px solid #1f2a42;border-radius:16px;padding:16px;box-shadow:0 16px 40px #03071259}.panel-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px}.panel-title{font-size:18px;font-weight:700}.panel-subtitle{color:#7a8db7;font-size:13px}.panel-body{margin-top:10px}.chart-wrapper{height:280px}.controls{display:flex;gap:10px}.chip{border-radius:999px;padding:8px 14px;border:1px solid #233357;background:#121f3bcc;color:#dfe7f5;cursor:pointer;transition:all .15s ease}.chip:hover{border-color:#8bb5ff}.chip.active{background:linear-gradient(135deg,#2b5cff,#38bdf8);border-color:transparent;color:#0b1224;font-weight:700}.table{width:100%}.table-head,.table-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:10px;font-size:13px;align-items:center}.table-head{color:#7fa3ff;text-transform:uppercase;letter-spacing:.04em;font-weight:700;border-bottom:1px solid #1f2a42;padding-bottom:8px}.table-body{display:flex;flex-direction:column;gap:10px;margin-top:10px}.table-row{padding:10px 0;border-bottom:1px solid #162038}.table-row:last-child{border-bottom:none}.pill{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700}.pill-green{background:#34d3991f;color:#34d399}.pill-slate{background:#94a3b81f;color:#cbd5e1}.pill-red{background:#ef44441f;color:#f87171}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.stat-row{background:#1c28488c;border:1px solid #1f2a42;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:6px}.stat-label{color:#91a7d7;font-size:13px}.stat-value{font-size:18px;font-weight:700;display:flex;align-items:baseline;gap:6px}.stat-hint{color:#8ea1c3;font-size:13px;font-weight:500}.chip-list{margin-top:12px}.chip-title{color:#7fa3ff;font-size:12px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.chip-flat{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#203a7059;border:1px solid #1f2a42;font-size:13px}.chip-flat strong{color:#dfe7f5}@media(max-width:900px){.page-header{flex-direction:column;align-items:flex-start}.chart-wrapper{height:220px}}
