:root{--bg:#0b0f1a;--panel:#ffffff0b;--panel-border:#ffffff17;--text:#f5f7fa;--text-dim:#9aa3b8;--text-dimmer:#667088;--accent:#2e7ef7;--accent-soft:#2e7ef72e;--accent-glow:#2e7ef759;--red:#f2545b;--green:#3fd29a;--amber:#f2b84b;--radius-lg:20px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}html{scroll-padding-top:env(safe-area-inset-top,0px)}html,body,#root{height:100%;margin:0}body{background:radial-gradient(1100px 600px at 12% -10%, #2e7ef71a, transparent 60%), radial-gradient(900px 500px at 100% 0%, #3fd29a0d, transparent 55%), var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,sans-serif}h1,h2,h3{margin:0;font-family:Space Grotesk,Inter,sans-serif}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}.dashboard{max-width:1600px;margin:0 auto;padding:28px clamp(16px,3vw,40px) 60px}.masthead{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.brand{align-items:center;gap:14px;display:flex}.brand-mark{background:linear-gradient(135deg, var(--accent), #6fa8ff);color:#061024;width:44px;height:44px;box-shadow:0 8px 24px var(--accent-glow);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:700;display:flex}.brand-text h1{letter-spacing:-.01em;font-size:21px;font-weight:600}.brand-text p{color:var(--text-dim);margin:2px 0 0;font-size:13px}.slicer{background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(20px);border-radius:999px;align-items:center;gap:10px;padding:6px;display:flex}.slicer-label{color:var(--text-dimmer);white-space:nowrap;padding:0 10px 0 8px;font-size:12px}.slicer-opt{color:var(--text-dim);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:999px;padding:8px 16px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;position:relative}.slicer-opt:hover{color:var(--text)}.slicer-pill{background:var(--accent);box-shadow:0 4px 14px var(--accent-glow);z-index:0;border-radius:999px;position:absolute;inset:0}.slicer-opt span{z-index:1;position:relative}.slicer-opt.active{color:#061024}.layout{grid-template-rows:auto auto;grid-template-columns:300px 1fr;gap:20px;display:grid}@media (width<=900px){.layout{grid-template-rows:auto;grid-template-columns:1fr}}.sidebar{flex-direction:column;grid-area:1/1/span 2;gap:14px;display:flex}@media (width<=900px){.sidebar{grid-area:auto/1;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px);padding:18px 20px;position:relative;overflow:hidden}.kpi{flex-direction:column;flex:1 1 0;justify-content:center;gap:10px;min-height:0;display:flex}@media (width<=900px){.kpi{flex:none;justify-content:flex-start}}.kpi-navy{background:linear-gradient(155deg,#2e5aa038,#2e5aa00f);border-color:#6fa8ff2e}.kpi-red{background:linear-gradient(155deg,#f2545b33,#f2545b0d);border-color:#f2545b33}.kpi-top{justify-content:space-between;align-items:center;display:flex}.kpi-label{color:var(--text-dim);font-size:12.5px;font-weight:500}.kpi-icon{background:var(--accent-soft);width:30px;height:30px;color:var(--accent);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.kpi-value{letter-spacing:-.01em;font-family:Space Grotesk,sans-serif;font-size:27px;font-weight:600}.kpi-sub{color:var(--text-dimmer);font-size:11.5px}.hero{background:linear-gradient(160deg,#2e3cb447,#2e7ef71a);border-color:#2e7ef773;grid-area:1/2;min-width:0;padding:22px 24px 14px;box-shadow:0 0 0 1px #2e7ef71f,0 20px 60px -20px #2e7ef740}@media (width<=900px){.hero{grid-area:auto/1}}.panel-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px;margin-bottom:4px;display:flex}.panel-title{font-size:15px;font-weight:600}.panel-note{color:var(--text-dimmer);font-size:11.5px}.chart-wrap{width:100%;position:relative}.hero .chart-wrap{height:380px;margin-top:8px}.bottom-row{grid-area:2/2;grid-template-columns:repeat(5,1fr);gap:16px;min-width:0;display:grid}@media (width<=1300px){.bottom-row{grid-template-columns:repeat(3,1fr)}}@media (width<=900px){.bottom-row{grid-area:auto/1}}@media (width<=760px){.bottom-row{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.bottom-row{grid-template-columns:1fr}}.bottom-panel{flex-direction:column;padding:16px 16px 10px;display:flex}.bottom-panel .chart-wrap{height:190px}.bottom-panel .panel-title{font-size:12.5px;line-height:1.3}.legend-row{color:var(--text-dim);flex-wrap:wrap;gap:14px;margin-top:10px;font-size:11px;display:flex}.legend-dot{border-radius:50%;width:8px;height:8px;margin-right:5px;display:inline-block}.chart-tooltip{color:var(--text);background:#0f1420f2;border:1px solid #ffffff1f;border-radius:10px;padding:10px 12px;font-size:12px}.chart-tooltip strong{margin-bottom:4px;font-family:Space Grotesk,sans-serif;display:block}.chart-empty-note{color:var(--text-dimmer);text-align:center;pointer-events:none;justify-content:center;align-items:center;padding:0 16px;font-size:11px;display:flex;position:absolute;inset:0}.feature-list{flex-direction:column;justify-content:center;gap:9px;height:190px;display:flex}.feature-row{grid-template-columns:1fr auto;align-items:center;gap:8px;display:grid}.feature-name{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;overflow:hidden}.feature-badge{color:#06241a;white-space:nowrap;text-align:center;border-radius:8px;min-width:40px;padding:2px 7px;font-size:10px;font-weight:600}footer{text-align:center;color:var(--text-dimmer);margin-top:30px;font-size:12px}