:root{color-scheme:light dark;font-family:Inter,system-ui,sans-serif;--bg-primary:#ffffff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--border-default:#e2e8f0;--border-subtle:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#94a3b8;--brand:#2563eb;--brand-hover:#1d4ed8;--brand-subtle:#dbeafe;--success:#059669;--warning:#d97706;--error:#dc2626;--glass:rgba(255,255,255,0.6);--glass-strong:rgba(255,255,255,0.78);--shadow-elevated:0 1px 3px rgba(0,0,0,0.08),0 1px 2px rgba(0,0,0,0.06);--radius-card:8px;--radius-input:6px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px}:root[data-theme=dark]{--bg-primary:#0b0f1a;--bg-secondary:#131825;--bg-tertiary:#1e2433;--border-default:#2d3548;--border-subtle:#1e2433;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-tertiary:#64748b;--glass:rgba(19,24,37,0.7);--glass-strong:rgba(19,24,37,0.85);--shadow-elevated:0 1px 3px rgba(0,0,0,0.2),0 1px 2px rgba(0,0,0,0.24)}*{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(circle at top left,rgba(37,99,235,.2),transparent 50%),radial-gradient(circle at 20% 70%,rgba(5,150,105,.2),transparent 45%),var(--bg-primary);color:var(--text-primary)}.app-shell,body{min-height:100vh}.app-shell{display:grid;grid-template-columns:240px 1fr}.sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-default);padding:var(--space-6) var(--space-4);display:flex;flex-direction:column;gap:var(--space-6)}.brand{display:flex;align-items:center;gap:var(--space-3)}.brand-mark{width:40px;height:40px;border-radius:var(--radius-card);background:var(--brand);color:white;display:grid;place-items:center;font-weight:700}.brand-name{font-size:16px;font-weight:600}.brand-tagline{color:var(--text-tertiary);font-size:12px}.nav{display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.nav-item{background:transparent;border:none;border-radius:6px;padding:var(--space-2) var(--space-3);text-align:left;color:var(--text-secondary);font-size:14px;cursor:pointer}.nav-item.active{color:var(--brand);background:rgba(37,99,235,.12);font-weight:600}.sidebar-footer{margin-top:auto;display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.sidebar-note{font-size:12px;color:var(--text-tertiary)}.badge{padding:4px 10px;border-radius:var(--radius-pill);background:var(--brand-subtle);color:var(--brand);font-size:12px;font-weight:600;width:-moz-fit-content;width:fit-content}.main{padding:var(--space-8);display:grid;grid-gap:var(--space-6);background:var(--bg-primary)}.main,.topbar{gap:var(--space-6)}.topbar{display:flex;justify-content:space-between;align-items:flex-start}.breadcrumbs{display:flex;gap:var(--space-2);font-size:13px;margin-bottom:var(--space-2)}.breadcrumbs,.eyebrow{color:var(--text-tertiary)}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:11px}h1{font-size:28px;line-height:1.2}.subcopy,h1{margin-top:var(--space-2)}.subcopy{color:var(--text-secondary);font-size:14px;max-width:560px}.hero-actions{display:flex;gap:var(--space-3)}.btn{border:1px solid transparent;border-radius:8px;padding:8px 16px;font-weight:600;cursor:pointer;transition:all .15s ease;font-size:14px}.btn.primary{background:var(--brand);color:white}.btn.primary:hover{background:var(--brand-hover)}.btn.secondary{background:var(--bg-primary);border-color:var(--border-default);color:var(--text-primary)}.btn.ghost{background:transparent;border-color:transparent;color:var(--text-secondary)}.card{background:var(--glass);border:1px solid var(--border-default);border-radius:var(--radius-card);padding:var(--space-5);box-shadow:var(--shadow-elevated);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.chart,.kpi-grid{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.chart-header{justify-content:space-between;flex-wrap:wrap}.chart-header,.chart-metrics{display:flex;gap:var(--space-4)}.chart-metrics{font-size:12px;color:var(--text-secondary)}.chart-svg{width:100%;height:180px}.chart-line{fill:none;stroke:var(--brand);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.chart-footer{display:flex;justify-content:space-between;color:var(--text-tertiary);font-size:12px}.chart-empty{color:var(--text-tertiary);font-size:14px}.drill-page,.explain-page{min-height:100vh;padding:var(--space-8);display:grid;grid-gap:var(--space-8);gap:var(--space-8)}.drill-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-6);flex-wrap:wrap}.drill-actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.drill-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.drill-card,.drill-grid{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.drill-meta{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.explain-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:var(--space-4);gap:var(--space-4)}.explain-card ul{display:grid;grid-gap:var(--space-2);gap:var(--space-2);margin-top:var(--space-3);padding-left:18px;color:var(--text-secondary)}.explain-trace{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.trace-list{grid-gap:var(--space-3)}.trace-item,.trace-list{display:grid;gap:var(--space-3)}.trace-item{grid-template-columns:32px 1fr;grid-gap:var(--space-3);align-items:start}.trace-index{width:28px;height:28px;border-radius:999px;background:var(--brand-subtle);color:var(--brand);display:grid;place-items:center;font-weight:600}.drill-link{margin-top:var(--space-3);align-self:flex-start}.landing{min-height:100vh;padding:var(--space-8) var(--space-8) var(--space-12);display:grid;grid-gap:var(--space-12);gap:var(--space-12)}.landing-nav{display:flex;justify-content:space-between;align-items:center;gap:var(--space-6)}.landing-actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.landing-hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:var(--space-8);gap:var(--space-8);align-items:center}.hero-copy h1{font-size:36px;margin-top:var(--space-3)}.hero-cta{margin-top:var(--space-5)}.hero-badges,.hero-cta{display:flex;gap:var(--space-3);flex-wrap:wrap}.hero-badges{margin-top:var(--space-6)}.hero-panel{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.panel-card{background:var(--glass-strong);border-radius:var(--radius-card);border:1px solid var(--border-default);padding:var(--space-6);box-shadow:var(--shadow-elevated);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.panel-card.secondary{background:var(--glass)}.panel-label{text-transform:uppercase;font-size:11px;letter-spacing:.2em;color:var(--text-tertiary)}.panel-sub{color:var(--text-secondary);margin-top:var(--space-2)}.panel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-gap:var(--space-4);gap:var(--space-4);margin-top:var(--space-5)}.panel-metric{font-size:20px;font-weight:700}.inline-link{display:inline-flex;margin-top:var(--space-4);color:var(--brand);text-decoration:none;font-weight:600}.landing-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:var(--space-4);gap:var(--space-4)}.feature-card{padding:var(--space-5);background:var(--glass);box-shadow:var(--shadow-elevated);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.feature-card,.landing-bottom{border-radius:var(--radius-card);border:1px solid var(--border-default)}.landing-bottom{display:flex;justify-content:space-between;align-items:center;gap:var(--space-6);flex-wrap:wrap;padding:var(--space-6);background:var(--bg-secondary)}@media (max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--border-default)}.topbar{flex-direction:column}}@media (max-width:720px){.landing{padding:var(--space-6)}.landing-bottom,.landing-nav{flex-direction:column;align-items:flex-start}}.kpi h2{font-size:24px}.delta,.kpi h2{margin-top:var(--space-2)}.delta{display:inline-block;font-size:12px;font-weight:600}.delta.negative{color:var(--error)}.delta.positive{color:var(--success)}.delta.neutral{color:var(--warning)}.grid{display:grid;grid-template-columns:2fr 1fr;grid-gap:var(--space-6);gap:var(--space-6)}.stack{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.table{grid-gap:var(--space-2);gap:var(--space-2)}.row,.table{display:grid}.row{grid-template-columns:1.4fr 1fr 1fr .6fr;grid-gap:var(--space-3);gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-card);background:var(--glass-strong);border:1px solid var(--border-subtle)}.row.header{background:transparent;border:none;color:var(--text-tertiary);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.muted{color:var(--text-secondary);font-size:13px}.mono{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pill{display:inline-flex;align-items:center;justify-content:center;background:var(--brand-subtle);color:var(--brand);border-radius:var(--radius-pill);padding:2px 10px;font-size:12px;font-weight:600}.health{display:grid;grid-gap:var(--space-2);gap:var(--space-2);color:var(--text-secondary);font-size:14px}.dot{width:8px;height:8px;border-radius:999px;display:inline-block;margin-right:8px}.dot.fresh,.dot.ok{background:var(--success)}.dot.stale,.dot.warn{background:var(--warning)}.dot.critical{background:var(--error)}.command-overlay{position:fixed;inset:0;background:rgba(15,23,42,.4);display:grid;place-items:center;z-index:50}.command{width:min(520px,92vw);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:12px;padding:var(--space-4);box-shadow:var(--shadow-elevated);display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.command input{width:100%;height:40px;border-radius:var(--radius-input);border:1px solid var(--border-default);padding:0 var(--space-3);background:var(--bg-primary);color:var(--text-primary);font-size:14px}.command-list{display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.command-list button{text-align:left;background:var(--bg-primary);border:1px solid var(--border-subtle);padding:var(--space-2) var(--space-3);border-radius:var(--radius-card);cursor:pointer;color:var(--text-primary)}@media (max-width:1024px){.app-shell{grid-template-columns:1fr}.sidebar{flex-direction:row;align-items:center;justify-content:space-between;border-right:none;border-bottom:1px solid var(--border-default)}.nav{grid-auto-flow:column;overflow-x:auto}.grid{grid-template-columns:1fr}.topbar{flex-direction:column}}@media (max-width:720px){.hero-actions{width:100%;flex-wrap:wrap}.row{grid-template-columns:1fr}}