:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--color-ink);background:var(--color-canvas);font-family:var(--font-family-sans);font-synthesis:none;text-rendering:optimizelegibility;--color-canvas:#f5f7fa;--color-surface:#fff;--color-surface-muted:#f8fafc;--color-sidebar:#0b1220;--color-sidebar-text:#cbd5e1;--color-sidebar-active:#2563eb33;--color-sidebar-active-border:#93c5fd73;--color-sidebar-control-border:#cbd5e18c;--color-ink:#0f172a;--color-text-muted:#64748b;--color-text-muted-on-warning:#5b6675;--color-text-subtle:#475569;--color-hairline:#e2e8f0;--color-control-border:#cbd5e1;--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-primary-soft:#dbeafe;--color-accent:#f59e0b;--color-success:#15803d;--color-success-surface:#f0fdf4;--color-warning:#b45309;--color-warning-surface:#fff7ed;--color-danger:#b91c1c;--color-danger-surface:#fef2f2;--color-on-primary:#fff;--color-focus-ring:#2563eb;--chart-primary:var(--color-primary);--chart-secondary:var(--color-text-muted);--chart-accent:var(--color-accent);--chart-success:var(--color-success);--chart-warning:var(--color-warning);--space-xs:4px;--space-sm:8px;--space-md:12px;--space-base:16px;--space-lg:24px;--space-xl:32px;--space-section:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-pill:999px;--elevation-panel:0 1px 2px #0f172a0d, 0 8px 24px #0f172a0a;--elevation-tooltip:0 8px 24px #0f172a1f;--font-family-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:20px;--font-size-xl:24px;--font-size-display:32px;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--layout-sidebar-width:248px;--layout-content-max-width:1600px;--layout-desktop-gutter:28px;--layout-mobile-gutter:16px;--control-min-height:44px;--stat-card-min-height:136px;--chart-height:18rem}*{box-sizing:border-box}body{background:var(--color-canvas);min-width:320px;margin:0}button,input,select{color:inherit;font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:2px}a{color:var(--color-primary)}.app-shell{grid-template-columns:var(--layout-sidebar-width) minmax(0, 1fr);min-height:100vh;display:grid}.mobile-nav-bar{display:none}.sidebar{min-height:100vh;padding:var(--space-lg);color:var(--color-sidebar-text);background:var(--color-sidebar)}.brand{align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl);display:flex}.brand strong{color:var(--color-surface);font-size:var(--font-size-sm);display:block}.brand small,.status-stack small,.range-note,.path-note{color:var(--color-text-muted)}.brand small{margin-top:var(--space-xs);color:var(--color-sidebar-text);font-size:var(--font-size-xs);display:block}.brand-mark{border:2px solid var(--color-accent);border-radius:var(--radius-md);width:44px;height:44px;color:var(--color-on-primary);background:var(--color-primary);font-weight:var(--font-weight-bold);justify-content:center;align-items:center;display:inline-flex}.sidebar nav{gap:var(--space-xs);display:grid}.nav-link{min-height:var(--control-min-height);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);color:var(--color-sidebar-text);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;transition:background-color .16s,border-color .16s,color .16s}.nav-link:hover,.nav-link--active{border-color:var(--color-sidebar-active-border);color:var(--color-surface);background:var(--color-sidebar-active)}.workspace{gap:var(--space-lg);width:100%;max-width:var(--layout-content-max-width);padding:var(--layout-desktop-gutter);flex-direction:column;margin:0 auto;display:flex}.topbar,.controls,.hero-card,.panel,.state-card{border:1px solid var(--color-hairline);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--elevation-panel)}.topbar{justify-content:space-between;align-items:flex-start;gap:var(--space-lg);padding:var(--space-lg);display:flex}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--color-ink);font-weight:var(--font-weight-semibold)}h1{margin-bottom:var(--space-sm);font-size:var(--font-size-display);letter-spacing:-.02em;line-height:1.15}h2{margin-bottom:var(--space-sm);font-size:var(--font-size-xl);line-height:1.2}h3{margin-bottom:var(--space-md);font-size:var(--font-size-base);line-height:1.35}.subtitle,.page-heading p,.hero-card p,.panel p{max-width:72ch;color:var(--color-text-subtle);line-height:1.55}.inline-highlight{color:var(--color-ink)}.status-stack{align-items:flex-end;gap:var(--space-sm);text-align:right;flex-direction:column;display:flex}.status-pill{min-height:32px;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-pill);color:var(--color-warning);background:var(--color-warning-surface);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border:1px solid #0000;align-items:center;display:inline-flex}.status-pill--ok{color:var(--color-success);background:var(--color-success-surface)}.controls{align-items:flex-end;gap:var(--space-md);padding:var(--space-base);flex-wrap:wrap;display:flex}.controls label{gap:var(--space-xs);color:var(--color-text-subtle);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);display:grid}.controls input,.controls select{min-height:var(--control-min-height);padding:var(--space-sm) var(--space-md);border:1px solid var(--color-control-border);border-radius:var(--radius-sm);color:var(--color-ink);background:var(--color-surface-muted)}.button{min-height:var(--control-min-height);padding:var(--space-sm) var(--space-md);border:1px solid var(--color-control-border);border-radius:var(--radius-sm);color:var(--color-ink);background:var(--color-surface);cursor:pointer;font-weight:var(--font-weight-semibold);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.button:hover{border-color:var(--color-primary)}.button:disabled{cursor:wait;opacity:.6}.button--primary{border-color:var(--color-primary);color:var(--color-on-primary);background:var(--color-primary)}.button--primary:hover{border-color:var(--color-primary-hover);background:var(--color-primary-hover)}.page-stack{gap:var(--space-lg);display:grid}.page-heading{padding:var(--space-sm) var(--space-xs)}.page-heading p:last-child{margin-bottom:0}.hero-card{justify-content:space-between;align-items:center;gap:var(--space-lg);padding:var(--space-lg);display:flex}.hero-card h2{margin-bottom:var(--space-sm)}.hero-meta{gap:var(--space-sm);min-width:180px;color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums;display:grid}.stat-grid{gap:var(--space-md);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.stat-card{gap:var(--space-sm);min-height:var(--stat-card-min-height);padding:var(--space-lg);border:1px solid var(--color-hairline);border-radius:var(--radius-md);background:var(--color-surface);display:grid}.stat-card span{color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.stat-card strong{overflow-wrap:anywhere;color:var(--color-ink);font-variant-numeric:tabular-nums;font-size:clamp(1.35rem,2vw,2rem);line-height:1.1}.stat-card__value--compact{line-height:1.2;font-size:var(--font-size-lg)!important}.stat-card small{color:var(--color-text-muted);font-size:var(--font-size-xs)}.stat-card--warning{border-color:var(--color-warning);background:var(--color-warning-surface)}.stat-card--warning span,.stat-card--warning small{color:var(--color-text-muted-on-warning)}.stat-card--success{border-color:var(--color-success);background:var(--color-success-surface)}.panel-grid{gap:var(--space-lg);grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);display:grid}.panel-grid>.panel--wide{min-width:0}.panel{min-width:0;padding:var(--space-lg)}.panel-heading{justify-content:space-between;align-items:flex-start;gap:var(--space-base);display:flex}.chart{width:100%;height:var(--chart-height);min-width:0}.metadata-grid{gap:var(--space-md);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.metadata-grid--compact{grid-template-columns:repeat(2,minmax(0,1fr))}.metadata-grid div{gap:var(--space-sm);padding:var(--space-base);border:1px solid var(--color-hairline);border-radius:var(--radius-md);background:var(--color-surface-muted);display:grid}.metadata-grid span{color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase}.metadata-grid strong{overflow-wrap:anywhere;font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums}.table-region{min-width:0}.table-region--empty{min-height:180px}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:720px}th,td{padding:var(--space-md) var(--space-sm);border-bottom:1px solid var(--color-hairline);text-align:left;vertical-align:top}th{z-index:1;color:var(--color-text-muted);background:var(--color-surface-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.04em;text-transform:uppercase;position:sticky;top:0}td{color:var(--color-ink)}tbody tr:last-child td{border-bottom:0}.table-cell--numeric{text-align:right;font-variant-numeric:tabular-nums}code{overflow-wrap:anywhere;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);color:var(--color-text-subtle);background:var(--color-surface-muted);font-family:var(--font-family-mono);font-size:var(--font-size-xs)}.empty-state{gap:var(--space-sm);padding:var(--space-lg);border:1px dashed var(--color-control-border);border-radius:var(--radius-md);color:var(--color-text-muted);background:var(--color-surface-muted);display:grid}.empty-state strong{color:var(--color-text-subtle)}.state-card{justify-items:start;gap:var(--space-md);padding:var(--space-xl);display:grid}.state-card h1{font-size:var(--font-size-xl);margin-bottom:0}.state-card--error{border-color:var(--color-danger);background:var(--color-danger-surface)}.error-message{color:var(--color-danger);font-weight:var(--font-weight-semibold)}.spinner{border:4px solid var(--color-primary-soft);border-top-color:var(--color-primary);border-radius:50%;width:40px;height:40px;animation:.9s linear infinite spin}.range-note{width:auto;font-size:var(--font-size-sm);font-variant-numeric:tabular-nums;margin:0 0 0 auto}.path-note{overflow-wrap:anywhere;font-size:var(--font-size-sm);margin-bottom:0}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.nav-link,.button{transition:none}.spinner{animation:none}}@media (width<=1180px){.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.metadata-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-grid{grid-template-columns:1fr}}@media (width<=899px){.app-shell{display:block}.mobile-nav-bar{justify-content:space-between;align-items:center;gap:var(--space-base);min-height:64px;padding:var(--space-sm) var(--layout-mobile-gutter);color:var(--color-sidebar-text);background:var(--color-sidebar);display:flex}.mobile-nav-label{color:var(--color-surface);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.mobile-nav-toggle{min-height:var(--control-min-height);padding:var(--space-sm) var(--space-md);border:1px solid var(--color-sidebar-control-border);border-radius:var(--radius-sm);color:var(--color-surface);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);background:0 0}.sidebar{min-height:0;padding:var(--space-base) var(--layout-mobile-gutter) var(--space-lg);display:none}.sidebar--open{display:block}.sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace{padding:var(--space-lg) var(--layout-mobile-gutter)}.topbar,.hero-card{flex-direction:column}.status-stack{text-align:left;align-items:flex-start}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.controls{align-items:stretch}.controls label{flex:180px}.range-note{width:100%;margin-left:0}}@media (width<=640px){h1{font-size:var(--font-size-xl)}.topbar,.controls,.hero-card,.panel,.state-card{border-radius:var(--radius-md)}.topbar,.hero-card,.panel,.state-card{padding:var(--space-base)}.mobile-nav-bar{flex-direction:column;align-items:flex-start}.mobile-nav-toggle{width:100%}.sidebar nav,.stat-grid,.metadata-grid,.metadata-grid--compact{grid-template-columns:1fr}.chart{height:calc(var(--chart-height) - var(--space-xl))}}