:root{--bg-0: #0a0b0d;--bg-1: #111317;--surf-1: #16181d;--surf-2: #1b1e24;--surf-3: #20242c;--border: #23262d;--border-2: #2c313a;--text-1: #e6e8ec;--text-2: #a4a9b4;--text-3: #6b7180;--text-4: #474c58;--band-fast: #22d3a5;--band-conv: #4ade80;--band-stall: #f5c451;--band-osc: #f97373;--band-div: #e0436b;--accent: #f5c451;--accent-2: #d69209;--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif}[data-theme=light]{--bg-0: #f7f8fa;--bg-1: #ffffff;--surf-1: #ffffff;--surf-2: #f2f4f7;--surf-3: #e9ecf2;--border: #e2e5eb;--border-2: #ccd1da;--text-1: #0f1218;--text-2: #4a5060;--text-3: #6f7686;--text-4: #9ca3af;--band-fast: #0fa47a;--band-conv: #16a34a;--band-stall: #d69209;--band-osc: #dc4a4a;--band-div: #ba2553;--accent: #c8830c;--accent-2: #8b5a06}html[data-mode=executive]{--bg-0: #14171d;--surf-1: #1a1d24}html[data-mode=executive] body{font-size:14px;line-height:1.55}html[data-mode=executive] .card{border-radius:12px}html[data-mode=executive] footer.app-footer{display:none}html[data-mode=executive] .label{font-size:11.5px;opacity:.85}html[data-mode=incident]{--bg-0: oklch(13.5% .025 15);--bg-1: oklch(15.5% .022 15);--surf-1: oklch(17.5% .022 15);--surf-2: oklch(20% .022 15);--surf-3: oklch(23% .025 15);--accent: var(--band-div)}html[data-mode=incident] body{background-image:linear-gradient(180deg,color-mix(in oklab,var(--band-div) 12%,transparent) 0px,transparent 200px)}html[data-mode=incident] .pill-osc,html[data-mode=incident] .pill-div{animation:lg-incident-pulse 1.3s ease-in-out infinite}@keyframes lg-incident-pulse{0%,to{transform:scale(1);box-shadow:0 0 color-mix(in oklab,var(--band-div) 35%,transparent)}50%{transform:scale(1.05);box-shadow:0 0 0 4px color-mix(in oklab,var(--band-div) 0%,transparent)}}html[data-chart-style=confident] svg path[stroke]:not([stroke=currentColor]):not([stroke=none]){stroke-width:2.25}html[data-chart-style=confident] svg rect[fill-opacity]{fill-opacity:.55!important}html[data-chart-style=confident] svg path[fill-opacity]{fill-opacity:.28!important}html[data-chart-style=phosphor]{--phosphor: 245, 196, 81}html[data-chart-style=phosphor] svg path[stroke]:not([stroke=currentColor]):not([stroke=none]){stroke-width:1.5}html[data-chart-style=phosphor] .card svg{filter:drop-shadow(0 0 2px rgba(var(--phosphor),.55)) drop-shadow(0 0 7px rgba(var(--phosphor),.22))}html[data-chart-style=phosphor] body{background:radial-gradient(ellipse at 50% 35%,color-mix(in oklab,var(--accent) 4%,var(--bg-0)) 0%,var(--bg-0) 60%)}html[data-chart-style=phosphor][data-mode=incident]{--phosphor: 224, 67, 107}html[data-palette=contrast]{--band-fast: oklch(82% .22 165);--band-conv: oklch(82% .22 145);--band-stall: oklch(82% .2 90);--band-osc: oklch(72% .22 25);--band-div: oklch(64% .24 8);--accent: oklch(82% .16 85)}html[data-theme=dark][data-palette=contrast]{--text-1: #ffffff;--text-2: #c9cdd7}html[data-theme=light][data-palette=contrast]{--text-1: #06080d;--text-2: #2a3040;--band-fast: oklch(58% .18 165);--band-conv: oklch(56% .18 145);--band-stall: oklch(64% .18 70);--band-osc: oklch(58% .2 25);--band-div: oklch(50% .22 8);--accent: oklch(60% .17 75)}html[data-palette=mono]{--band-fast: oklch(78% .005 250);--band-conv: oklch(68% .005 250);--band-stall: oklch(58% .005 250);--band-osc: oklch(48% .005 250);--band-div: #e0436b}html[data-theme=light][data-palette=mono]{--band-fast: oklch(50% .005 250);--band-conv: oklch(40% .005 250);--band-stall: oklch(32% .005 250);--band-osc: oklch(22% .005 250);--band-div: #ba2553}html[data-density=comfortable] body{font-size:14px}html[data-density=comfortable] .card-h{padding:16px 18px}html[data-density=comfortable] .label{font-size:11.5px}html[data-density=comfortable] .pill{height:22px;padding:0 10px;font-size:11px}html[data-density=comfortable] .chip{height:28px;padding:0 11px;font-size:12.5px}html[data-density=comfortable] .kbd{min-width:20px;height:20px;font-size:11px}html[data-density=comfortable] aside.app-sidebar nav button{height:34px!important}html[data-density=comfortable] aside.app-sidebar{width:244px!important}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg-0);color:var(--text-1);font-family:var(--sans);font-size:13px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"ss01","cv11"}body{overflow:hidden;height:100vh}#root{height:100vh}.mono{font-family:var(--mono);font-feature-settings:"zero","ss01"}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:4px}::-webkit-scrollbar-track{background:transparent}button{font-family:inherit;color:inherit;background:none;border:none;cursor:pointer;padding:0}input,select,textarea{font-family:inherit;color:inherit}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}dialog{border:none;padding:0;background:transparent;color:inherit}dialog::backdrop{background:color-mix(in oklab,var(--bg-0) 70%,transparent);backdrop-filter:blur(4px)}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.35}}.pulse-dot{animation:pulse-dot 1.6s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 #22d3a599}50%{box-shadow:0 0 0 6px #22d3a500}}.pulse-glow{animation:pulse-glow 1.8s ease-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin 1.2s linear infinite}[data-theme=light] body{background:radial-gradient(ellipse 80% 60% at 50% 0%,#eef1f6 0%,var(--bg-0) 50%)}[data-theme=light] .card{box-shadow:0 1px #0f121806}[data-theme=light] .pill{background-color:color-mix(in oklab,currentColor 8%,transparent)!important;border-color:color-mix(in oklab,currentColor 22%,transparent)!important}[data-theme=light] .lg-health-tile{fill-opacity:.82!important}[data-theme=light] .lg-health-tile:hover{fill-opacity:.95!important}.pill{display:inline-flex;align-items:center;gap:6px;height:20px;padding:0 8px;border-radius:4px;font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;border:1px solid transparent;white-space:nowrap;flex-shrink:0}.pill .dot{width:6px;height:6px;border-radius:50%}.pill-fast{color:var(--band-fast);background:color-mix(in oklab,var(--band-fast) 12%,transparent);border-color:color-mix(in oklab,var(--band-fast) 25%,transparent)}.pill-conv{color:var(--band-conv);background:color-mix(in oklab,var(--band-conv) 12%,transparent);border-color:color-mix(in oklab,var(--band-conv) 25%,transparent)}.pill-stall{color:var(--band-stall);background:color-mix(in oklab,var(--band-stall) 14%,transparent);border-color:color-mix(in oklab,var(--band-stall) 28%,transparent)}.pill-osc{color:var(--band-osc);background:color-mix(in oklab,var(--band-osc) 14%,transparent);border-color:color-mix(in oklab,var(--band-osc) 28%,transparent)}.pill-div{color:var(--band-div);background:color-mix(in oklab,var(--band-div) 16%,transparent);border-color:color-mix(in oklab,var(--band-div) 30%,transparent)}.pill .dot-fast{background:var(--band-fast)}.pill .dot-conv{background:var(--band-conv)}.pill .dot-stall{background:var(--band-stall)}.pill .dot-osc{background:var(--band-osc)}.pill .dot-div{background:var(--band-div)}.chip{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 9px;border-radius:5px;font-size:11.5px;color:var(--text-2);background:var(--surf-2);border:1px solid var(--border);cursor:pointer;user-select:none;transition:background .12s ease,border-color .12s ease,color .12s ease;white-space:nowrap}.chip:hover{color:var(--text-1);border-color:var(--border-2)}.chip.on{color:var(--text-1);background:var(--surf-3);border-color:var(--border-2)}.card{background:var(--surf-1);border:1px solid var(--border);border-radius:8px;position:relative;min-width:0;container-type:inline-size;container-name:card}.card-h{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border)}.card-h h3{margin:0;font-size:12px;font-weight:600;letter-spacing:.02em;color:var(--text-2);text-transform:uppercase}.num-xl{font-family:var(--mono);font-size:44px;font-weight:500;letter-spacing:-.02em;color:var(--text-1)}.num-lg{font-family:var(--mono);font-size:28px;font-weight:500;letter-spacing:-.01em;color:var(--text-1)}.num-md{font-family:var(--mono);font-size:18px;font-weight:500;color:var(--text-1)}.num-sm{font-family:var(--mono);font-size:12.5px;font-weight:500;color:var(--text-1)}.label{font-size:11px;color:var(--text-3);text-transform:uppercase;letter-spacing:.04em;font-weight:500}.kbd{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border:1px solid var(--border-2);border-bottom-width:2px;border-radius:4px;font-family:var(--mono);font-size:10px;font-weight:500;color:var(--text-2);background:var(--surf-2)}.overview-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:row dense;gap:16px}.overview-grid>.span-5{grid-column:span 5}.overview-grid>.span-7{grid-column:span 7}.overview-grid>.span-6{grid-column:span 6}.overview-grid>.span-4{grid-column:span 4}@media (max-width: 1100px){.overview-grid>.span-5,.overview-grid>.span-7,.overview-grid>.span-6,.overview-grid>.span-4{grid-column:span 12}}.band-strip{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--border);padding-top:18px}.band-strip .band-cell{padding:0 12px;border-left:1px solid var(--border);text-align:center}.band-strip .band-cell:first-child{border-left:none}.band-strip .band-cell-num{font-family:var(--mono);font-size:26px;font-weight:500;letter-spacing:-.02em}@container card (max-width: 460px){.band-strip .band-cell{padding:0 6px}.band-strip .band-cell-num{font-size:22px}}@container card (max-width: 360px){.band-strip{grid-template-columns:repeat(3,1fr);row-gap:14px}.band-strip .band-cell{border-left:none!important}.band-strip .band-cell:nth-child(3n+1){border-left:none!important}.band-strip .band-cell-num{font-size:22px}}@container card (max-width: 240px){.band-strip{grid-template-columns:repeat(2,1fr)}}.recent-row{display:grid;grid-template-columns:64px auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 14px}@container card (max-width: 420px){.recent-row{grid-template-columns:56px auto minmax(0,1fr);gap:8px}.recent-row>.recent-iter{display:none}}@container card (max-width: 320px){.recent-row{grid-template-columns:auto minmax(0,1fr);gap:6px;padding:8px 12px}.recent-row>.recent-ts{display:none}}@container card (max-width: 480px){.kpi-quad .label{font-size:10px}}.rollback-grid{display:grid;grid-template-columns:24px 150px minmax(140px,1.4fr) 110px 60px 60px 70px 80px}@media (max-width: 1100px){.rollback-grid{grid-template-columns:24px 130px minmax(120px,1fr) 110px 50px 50px}.rollback-grid>.rb-abmax,.rollback-grid>.rb-saved{display:none}}@media (max-width: 720px){.rollback-grid{grid-template-columns:24px minmax(120px,1fr) 100px 40px}.rollback-grid>.rb-ts,.rollback-grid>.rb-gm{display:none}}.loop-kpi-strip{display:grid;grid-template-columns:repeat(5,1fr)}@media (max-width: 1100px){.loop-kpi-strip{grid-template-columns:repeat(3,1fr)}.loop-kpi-strip>div{border-left:1px solid var(--border)!important}.loop-kpi-strip>div:nth-child(3n+1){border-left:none!important}}@media (max-width: 720px){.loop-kpi-strip{grid-template-columns:repeat(2,1fr)}.loop-kpi-strip>div:nth-child(odd){border-left:none!important}}.loop-main-grid{display:grid;grid-template-columns:1fr 320px;gap:16px}@media (max-width: 1100px){.loop-main-grid{grid-template-columns:1fr}}.waste-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:32px;align-items:stretch}@media (max-width: 960px){.waste-hero{grid-template-columns:1fr;gap:18px}.waste-hero>.waste-hero-right{border-left:none!important;padding-left:0!important;border-top:1px solid var(--border);padding-top:18px}}.waste-breakdowns{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:16px}@media (max-width: 800px){.waste-breakdowns{grid-template-columns:1fr}}.gm-kpi-strip{display:grid;grid-template-columns:repeat(4,1fr)}@media (max-width: 960px){.gm-kpi-strip{grid-template-columns:repeat(2,1fr)}.gm-kpi-strip>div{border-left:1px solid var(--border)!important}.gm-kpi-strip>div:nth-child(odd){border-left:none!important}}@media (max-width: 600px){.gm-kpi-strip{grid-template-columns:1fr}.gm-kpi-strip>div{border-left:none!important;border-top:1px solid var(--border)!important}.gm-kpi-strip>div:first-child{border-top:none!important}}.gm-interp{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media (max-width: 960px){.gm-interp{grid-template-columns:1fr;gap:16px}}.eta-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:32px}@media (max-width: 960px){.eta-grid{grid-template-columns:1fr;gap:18px}}.eta-kpi-strip{display:grid;grid-template-columns:repeat(4,1fr)}@media (max-width: 960px){.eta-kpi-strip{grid-template-columns:repeat(2,1fr)}.eta-kpi-strip>div{border-left:1px solid var(--border)!important}.eta-kpi-strip>div:nth-child(odd){border-left:none!important}}@media (max-width: 600px){.eta-kpi-strip{grid-template-columns:1fr}.eta-kpi-strip>div{border-left:none!important;border-top:1px solid var(--border)!important}.eta-kpi-strip>div:first-child{border-top:none!important}}.eta-bottom-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:16px;margin-top:16px}@media (max-width: 960px){.eta-bottom-grid{grid-template-columns:1fr}}.install-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media (max-width: 800px){.install-steps{grid-template-columns:1fr;gap:16px}}.rule-row{display:grid;grid-template-columns:50px 1.4fr 100px 1.4fr 50px}@media (max-width: 960px){.rule-row{grid-template-columns:50px 1fr 50px}.rule-row>.rule-within{display:none}.rule-row>.rule-then{grid-column:2 / 3;margin-top:4px;color:var(--accent);font-size:11px}.rule-row>.rule-when{grid-column:2 / 3}}@media (max-width: 900px){.top-search-label{display:none}}@media (max-width: 760px){.top-range-pill{padding:0 6px!important;font-size:10.5px!important}}.app-brand .brand-light{display:none}.app-brand .brand-dark{display:block}[data-theme=light] .app-brand .brand-dark{display:none}[data-theme=light] .app-brand .brand-light{display:block}.field{display:flex;flex-direction:column;gap:6px}.field>span{font-size:11px;color:var(--text-3);text-transform:uppercase;letter-spacing:.04em}.field input,.field select{height:32px;padding:0 10px;border-radius:5px;border:1px solid var(--border);background:var(--surf-2);color:var(--text-1);font-size:12.5px;outline:none}.field input:focus,.field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 25%,transparent)}
