:root{--font-sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--text-xs:11px;--text-sm:12px;--text-md:13px;--text-lg:15px;--text-xl:18px;--leading:1.45;--space-1:2px;--space-2:4px;--space-3:8px;--space-4:12px;--space-5:16px;--space-6:24px;--space-7:32px;--radius-sm:3px;--radius-md:5px;--radius-lg:8px;--topbar-h:44px;--sidebar-w:212px;--statusbar-h:28px;--drawer-w:380px;--bg:#f7f8fa;--surface:#fff;--surface-2:#f1f3f6;--surface-hover:#eceff3;--border:#dde1e7;--border-strong:#b9c0ca;--text:#16191f;--text-muted:#58606d;--text-faint:#6e7683;--accent:#2554c7;--accent-contrast:#fff;--accent-soft:#e6edfb;--focus:#1a56db;--overlay:#0f121973;--shadow:0 8px 28px #0f12192e;--status-healthy:#1a7f37;--status-deploying:#1f5fbf;--status-degraded:#9a6700;--status-critical:#c21f1f;--status-sleeping:#6b6f78;--status-stopped:#57606a;--status-unknown:#6e7683;--status-healthy-bg:#e6f4ea;--status-deploying-bg:#e7effb;--status-degraded-bg:#fbf1dc;--status-critical-bg:#fce8e8;--status-muted-bg:#eef0f3;--env-production:#7a2e0e;--env-production-bg:#fdf0e6;--env-staging:#5a3e9b;--env-preview:#0f6c73;--env-development:#3b5b2a}:root[data-theme=dark]{--bg:#0f1115;--surface:#161a20;--surface-2:#1c2129;--surface-hover:#232a33;--border:#2b323c;--border-strong:#3d4653;--text:#e6e9ee;--text-muted:#a3acb9;--text-faint:#8b95a3;--accent:#6f9bff;--accent-contrast:#0b1020;--accent-soft:#1c2a47;--focus:#8fb2ff;--overlay:#0009;--shadow:0 8px 28px #00000080;--status-healthy:#4ac26b;--status-deploying:#6ea8ff;--status-degraded:#e3b341;--status-critical:#ff7b72;--status-sleeping:#9aa3ad;--status-stopped:#9aa3ad;--status-unknown:#8b95a3;--status-healthy-bg:#12301c;--status-deploying-bg:#14264a;--status-degraded-bg:#3a2c0c;--status-critical-bg:#45191a;--status-muted-bg:#222830;--env-production:#ffb38a;--env-production-bg:#3b1f10;--env-staging:#c2a8ff;--env-preview:#6fd3dc;--env-development:#a6d189}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0f1115;--surface:#161a20;--surface-2:#1c2129;--surface-hover:#232a33;--border:#2b323c;--border-strong:#3d4653;--text:#e6e9ee;--text-muted:#a3acb9;--text-faint:#8b95a3;--accent:#6f9bff;--accent-contrast:#0b1020;--accent-soft:#1c2a47;--focus:#8fb2ff;--overlay:#0009;--shadow:0 8px 28px #00000080;--status-healthy:#4ac26b;--status-deploying:#6ea8ff;--status-degraded:#e3b341;--status-critical:#ff7b72;--status-sleeping:#9aa3ad;--status-stopped:#9aa3ad;--status-unknown:#8b95a3;--status-healthy-bg:#12301c;--status-deploying-bg:#14264a;--status-degraded-bg:#3a2c0c;--status-critical-bg:#45191a;--status-muted-bg:#222830;--env-production:#ffb38a;--env-production-bg:#3b1f10;--env-staging:#c2a8ff;--env-preview:#6fd3dc;--env-development:#a6d189}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--text-md);line-height:var(--leading);-webkit-font-smoothing:antialiased;margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--radius-sm)}h1,h2,h3{margin:0;font-weight:600}h1{font-size:var(--text-xl)}h2{font-size:var(--text-lg)}h3{font-size:var(--text-md)}code,.mono{font-family:var(--font-mono);font-size:.95em}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.skip-link{z-index:100;background:var(--surface);padding:var(--space-3);position:absolute;top:0;left:-9999px}.skip-link:focus{left:var(--space-3)}.shell{grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:var(--topbar-h) 1fr var(--statusbar-h);grid-template-areas:"top top""nav main""status status";height:100%;display:grid}.shell.drawer-open{grid-template-columns:var(--sidebar-w) 1fr var(--drawer-w);grid-template-areas:"top top top""nav main drawer""status status status"}.topbar{align-items:center;gap:var(--space-3);padding:0 var(--space-4);background:var(--surface);border-bottom:1px solid var(--border);grid-area:top;display:flex}.brand{letter-spacing:.02em;margin-right:var(--space-3);color:var(--text);font-weight:700}.crumb-sep{color:var(--text-faint)}.topbar-spacer{flex:1}.sidenav{background:var(--surface);border-right:1px solid var(--border);padding:var(--space-4) var(--space-3);grid-area:nav;overflow-y:auto}.sidenav h2{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);margin:var(--space-4) var(--space-3) var(--space-2)}.sidenav ul{margin:0;padding:0;list-style:none}.sidenav a{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--text-muted);justify-content:space-between;display:flex}.sidenav a:hover{background:var(--surface-hover);color:var(--text);text-decoration:none}.sidenav a[aria-current=page],.sidenav a.active{background:var(--accent-soft);color:var(--text);font-weight:600}.sidenav .soon{font-size:var(--text-xs);color:var(--text-faint)}main.content{padding:var(--space-5) var(--space-6);grid-area:main;overflow-y:auto}.statusbar{align-items:center;gap:var(--space-4);padding:0 var(--space-4);background:var(--surface);border-top:1px solid var(--border);font-size:var(--text-sm);color:var(--text-muted);grid-area:status;display:flex}.btn{align-items:center;gap:var(--space-2);height:28px;padding:0 var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;white-space:nowrap;display:inline-flex}.btn:hover:not(:disabled){background:var(--surface-hover)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.btn.primary:hover:not(:disabled){filter:brightness(1.08);background:var(--accent)}.btn.danger{border-color:var(--status-critical);color:var(--status-critical)}.btn.danger.solid{background:var(--status-critical);color:#fff}.btn.ghost{background:0 0;border-color:#0000}.btn.small{height:24px;padding:0 var(--space-3);font-size:var(--text-sm)}.kbd{font-family:var(--font-mono);font-size:var(--text-xs);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text-muted);border-bottom-width:2px;padding:0 4px}label.field,.field{gap:var(--space-2);margin-bottom:var(--space-4);flex-direction:column;display:flex}.field>span.label,.field legend{font-weight:600;font-size:var(--text-sm)}.field .hint{color:var(--text-muted);font-size:var(--text-sm)}.field .error-text{color:var(--status-critical);font-size:var(--text-sm)}fieldset.field{margin:0 0 var(--space-4);border:0;padding:0}input[type=text],input[type=search],input[type=password],input:not([type]),select,textarea{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:5px var(--space-3);min-height:28px}textarea{font-family:var(--font-mono);min-height:80px}.choice-row{gap:var(--space-3);flex-wrap:wrap;display:flex}.choice{gap:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);background:var(--surface);cursor:pointer;align-items:flex-start;min-width:160px;display:flex}.choice.disabled{opacity:.6;cursor:not-allowed}.choice small{color:var(--text-muted);display:block}.page-header{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.page-header .title{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.page-header .sub{color:var(--text-muted);font-size:var(--text-sm)}.actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.grid.two{grid-template-columns:repeat(auto-fill,minmax(420px,1fr))}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-4)}.panel>header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.stat{flex-direction:column;display:flex}.stat .value{font-size:var(--text-xl);font-weight:600}.stat .label{color:var(--text-muted);font-size:var(--text-sm)}dl.kv{gap:var(--space-2) var(--space-5);grid-template-columns:max-content 1fr;margin:0;display:grid}dl.kv dt{color:var(--text-muted)}dl.kv dd{margin:0}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.row{align-items:center;gap:var(--space-3);display:flex}.stack>*+*{margin-top:var(--space-3)}table.data{border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;overflow:hidden}table.data th,table.data td{text-align:left;padding:6px var(--space-4);border-bottom:1px solid var(--border);vertical-align:middle}table.data th{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);background:var(--surface-2);font-weight:600}table.data tr:last-child td{border-bottom:0}table.data tbody tr:hover{background:var(--surface-hover)}.filters{gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;align-items:flex-end;display:flex}.filters label{font-size:var(--text-sm);color:var(--text-muted);flex-direction:column;gap:2px;display:flex}.status{align-items:center;gap:var(--space-2);padding:1px var(--space-3) 1px var(--space-2);font-size:var(--text-sm);white-space:nowrap;border-radius:999px;font-weight:600;display:inline-flex}.status svg{flex:none}.status-healthy{color:var(--status-healthy);background:var(--status-healthy-bg)}.status-deploying{color:var(--status-deploying);background:var(--status-deploying-bg)}.status-degraded{color:var(--status-degraded);background:var(--status-degraded-bg)}.status-critical{color:var(--status-critical);background:var(--status-critical-bg)}.status-sleeping{color:var(--status-sleeping);background:var(--status-muted-bg)}.status-stopped{color:var(--status-stopped);background:var(--status-muted-bg)}.status-unknown{color:var(--status-unknown);background:var(--status-muted-bg)}.status.plain{background:0 0;padding:0}.spin{animation:1.2s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.env-badge{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-sm);border:1px solid;align-items:center;gap:4px;padding:1px 6px;font-weight:700;display:inline-flex}.env-production{color:var(--env-production);background:var(--env-production-bg)}.env-staging{color:var(--env-staging)}.env-preview{color:var(--env-preview)}.env-development{color:var(--env-development)}.overlay{background:var(--overlay);z-index:50;position:fixed;inset:0}.dialog{z-index:51;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:min(520px,100vw - 32px);box-shadow:var(--shadow);padding:var(--space-5);position:fixed;top:12vh;left:50%;transform:translate(-50%)}.dialog h2{margin-bottom:var(--space-3)}.dialog .footer{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-5);display:flex}.dialog ul.consequences{margin:var(--space-3) 0;padding-left:var(--space-5)}.palette{width:min(640px,100vw - 32px);padding:0;top:10vh;overflow:hidden}.palette input{border:0;border-bottom:1px solid var(--border);width:100%;padding:var(--space-4) var(--space-5);font-size:var(--text-lg);background:var(--surface);border-radius:0}.palette input:focus-visible{outline:none}.palette ul{padding:var(--space-2);max-height:50vh;margin:0;list-style:none;overflow-y:auto}.palette li{justify-content:space-between;gap:var(--space-3);padding:6px var(--space-4);border-radius:var(--radius-md);cursor:pointer;display:flex}.palette li[aria-selected=true]{background:var(--accent-soft)}.palette .group{font-size:var(--text-xs);color:var(--text-faint);text-transform:uppercase;letter-spacing:.05em}.popover{z-index:40;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:300px;box-shadow:var(--shadow);padding:var(--space-3)}.popover input{width:100%;margin-bottom:var(--space-2)}.popover ul{max-height:320px;margin:0;padding:0;list-style:none;overflow-y:auto}.popover li a,.popover li .item{justify-content:space-between;align-items:center;gap:var(--space-3);padding:5px var(--space-3);border-radius:var(--radius-sm);color:var(--text);display:flex}.popover li a:hover,.popover li a:focus-visible{background:var(--surface-hover);text-decoration:none}.popover .group{font-size:var(--text-xs);color:var(--text-faint);text-transform:uppercase;padding:var(--space-2) var(--space-3)}.switcher-trigger{align-items:center;gap:var(--space-2);height:28px;padding:0 var(--space-3);border-radius:var(--radius-md);color:var(--text);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;display:inline-flex}.switcher-trigger:hover{background:var(--surface-hover);border-color:var(--border)}.switcher-trigger .kind{color:var(--text-faint);font-size:var(--text-xs)}.drawer{background:var(--surface);border-left:1px solid var(--border);padding:var(--space-4);grid-area:drawer;overflow-y:auto}.drawer>header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.op-card{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-3)}.op-card header{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.op-card ol{margin:var(--space-3) 0 0;padding:0;list-style:none}.op-card li{justify-content:space-between;gap:var(--space-3);font-size:var(--text-sm);padding:2px 0;display:flex}.desired-observed{gap:2px var(--space-4);font-size:var(--text-sm);margin-top:var(--space-3);grid-template-columns:max-content 1fr;display:grid}.desired-observed dt{color:var(--text-muted)}.desired-observed dd{margin:0}.wizard{max-width:760px}.wizard ol.steps{gap:var(--space-5);margin:0 0 var(--space-5);font-size:var(--text-sm);color:var(--text-muted);padding:0;list-style:none;display:flex}.wizard ol.steps li[aria-current=step]{color:var(--text);font-weight:700}.wizard .nav{margin-top:var(--space-5);justify-content:space-between;display:flex}.notice{border:1px solid var(--border);border-left:3px solid var(--status-deploying);background:var(--surface);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4)}.notice.error{border-left-color:var(--status-critical)}.notice.warn{border-left-color:var(--status-degraded)}.empty{text-align:center;padding:var(--space-7) var(--space-5);color:var(--text-muted);border:1px dashed var(--border-strong);border-radius:var(--radius-lg);background:var(--surface)}.empty h2{color:var(--text);margin-bottom:var(--space-2)}.center-page{min-height:100%;padding:var(--space-6);place-items:center;display:grid}.card-narrow{width:min(460px,100%)}.env-list li{justify-content:space-between;align-items:center;display:flex}ul.plain{margin:0;padding:0;list-style:none}ul.plain>li{padding:var(--space-2) 0;border-bottom:1px solid var(--border)}ul.plain>li:last-child{border-bottom:0}.status-reason{font-size:var(--text-sm);color:var(--text-muted)}.danger-zone{border-color:var(--status-critical)}fieldset.policy{gap:var(--space-3);border:0;margin:0;padding:0;display:grid}.choice.selected{border-color:var(--accent);background:var(--accent-soft)}.job-group+.job-group{margin-top:var(--space-4)}.job-group h3{margin-bottom:var(--space-2)}.cost-delta{margin:var(--space-2) 0}.dns table.data{margin:var(--space-2) 0 var(--space-3)}ol.timeline,ol.steps{margin:0;padding:0;list-style:none}ol.timeline>li,ol.steps>li{align-items:center;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--border);display:flex}ol.timeline>li:last-child,ol.steps>li:last-child{border-bottom:0}.terminal-output,.log-lines{font-family:var(--font-mono);font-size:var(--text-sm);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3);margin:var(--space-2) 0;white-space:pre-wrap;word-break:break-word;max-height:420px;overflow:auto}.log-lines ol{margin:0;padding:0;list-style:none}.log-lines li{padding:1px 0}.terminal-input{align-items:center;gap:var(--space-2);display:flex}.terminal-input input{flex:1}.chart{margin:var(--space-3) 0 0}.chart figcaption{margin-bottom:var(--space-2);font-weight:600}.chart-svg{width:100%;height:180px;display:block}.chart-axis{stroke:var(--border-strong)}.chart-grid{stroke:var(--border);stroke-dasharray:2 4}.chart-label{fill:var(--text-muted);font-size:11px}.chart-line{stroke-width:2px;vector-effect:non-scaling-stroke}.chart-line-0{stroke:var(--accent)}.chart-line-1{stroke:var(--status-healthy)}.chart-line-2{stroke:var(--status-degraded)}.chart-line-3{stroke:var(--status-sleeping)}.chart-marker line{stroke:var(--status-deploying);stroke-dasharray:4 3;vector-effect:non-scaling-stroke}.chart-legend{gap:var(--space-4);margin:var(--space-2) 0;font-size:var(--text-sm);flex-wrap:wrap;padding:0;list-style:none;display:flex}@media (prefers-reduced-motion:reduce){.log-lines,.terminal-output{scroll-behavior:auto}}@media (width<=860px){.shell,.shell.drawer-open{grid-template-columns:1fr;grid-template-rows:var(--topbar-h) auto 1fr auto var(--statusbar-h);grid-template-areas:"top""nav""main""drawer""status"}.sidenav{border-right:0;border-bottom:1px solid var(--border)}main.content{padding:var(--space-4)}}.incident-banner{align-items:center;gap:var(--space-2);margin:0 0 var(--space-4);padding:var(--space-2) var(--space-3);border:1px solid var(--status-critical);border-radius:var(--radius-md);background:var(--status-critical-bg);color:var(--text);border-left-width:4px;flex-wrap:wrap;display:flex}.tabs{gap:var(--space-1);border-bottom:1px solid var(--border);margin:var(--space-3) 0;display:flex}.tab{padding:var(--space-2) var(--space-3);color:var(--text-muted);cursor:pointer;font:inherit;background:0 0;border:none;border-bottom:2px solid #0000}.tab.active{border-bottom-color:var(--accent);color:var(--text);font-weight:600}.tab:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.conversation,.evidence,.actions-list{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.message,.actions-list>li{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3);background:var(--surface)}.message p,.actions-list p{margin:0 0 var(--space-1)}.message.draft{border-style:dashed}.badge{margin-left:var(--space-2);padding:0 var(--space-2);border-radius:var(--radius-sm);background:var(--status-muted-bg);color:var(--text-muted);font-size:var(--text-xs);display:inline-block}.awaiting{color:var(--status-degraded)}.json{max-height:16rem;padding:var(--space-2);border-radius:var(--radius-sm);background:var(--status-muted-bg);font-size:var(--text-sm);overflow:auto}button.link{color:var(--accent);cursor:pointer;font:inherit;text-align:left;background:0 0;border:none;padding:0}.inline-form{gap:var(--space-2);margin-top:var(--space-4);display:grid}tr.before td{color:var(--text-muted)}