:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#080d18;--bg-elevated:#0d1524;--surface:#101a2b;--surface-raised:#152238;--surface-soft:#0c1422;--border:#263650;--border-strong:#3b506f;--text:#e8eef8;--text-strong:#f7faff;--muted:#98a8bf;--muted-strong:#b7c3d6;--cyan:#58d6ff;--cyan-strong:#16bce8;--purple:#b39aff;--green:#35d399;--amber:#f5bd4f;--red:#ff718c;--blue:#82aaff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--bg);min-width:320px}body{background:radial-gradient(circle at 85% -10%,#435baa33,transparent 34rem),radial-gradient(circle at -10% 25%,#149dc214,transparent 28rem),var(--bg);min-width:320px;min-height:100vh;color:var(--text);margin:0;font-size:14px;line-height:1.5}main{width:100%;max-width:1540px;min-height:100vh;margin:0 auto;padding:28px clamp(18px,4vw,48px) 48px}.hero{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:24px;margin:0 0 20px;padding:22px 0 24px;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--cyan);margin:0 0 5px;font-size:11px;font-weight:900}h1{color:var(--text-strong);letter-spacing:-.04em;margin:0;font-size:42px;line-height:1.08}h2{color:var(--text-strong);letter-spacing:-.02em;margin:0 0 12px;font-size:20px}h3{color:var(--text-strong)}.muted,p{color:var(--muted)}button,.buttonLink{min-height:42px;color:var(--text);cursor:pointer;font:inherit;background:#1b2940;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 15px;font-weight:800;line-height:1.25;transition:background .16s,border-color .16s,color .16s,transform .16s,box-shadow .16s;display:inline-flex}button:hover:not(:disabled),.buttonLink:hover{border-color:var(--border-strong);color:var(--text-strong);background:#253752}button:active:not(:disabled),.buttonLink:active{transform:translateY(1px)}button:disabled{opacity:.52;cursor:not-allowed}.primary{background:var(--cyan);border-color:var(--cyan);color:#06121d;box-shadow:0 0 0 1px #58d6ff1f,0 8px 20px #1eaeda29}.primary:hover:not(:disabled){color:#06121d;background:#8ce4ff;border-color:#8ce4ff}.danger{color:#ff9aae;background:#ff718c1a;border-color:#ff718c75}.danger:hover:not(:disabled){border-color:var(--red);color:pink;background:#ff718c2e}.iconButton{flex:none;justify-content:center;width:42px;min-width:42px;height:42px;padding:0}.full{justify-content:center;width:100%;margin-top:12px}button:focus-visible,.buttonLink:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--cyan);outline-offset:3px;box-shadow:0 0 0 5px #58d6ff29}input,textarea,select{box-sizing:border-box;border:1px solid var(--border-strong);width:100%;color:var(--text-strong);font:inherit;caret-color:var(--cyan);background:#0b1423;border-radius:9px;padding:11px 12px;transition:border-color .16s,background .16s,box-shadow .16s}input:hover,textarea:hover,select:hover{border-color:#536a8e}input::placeholder,textarea::placeholder{color:#71829d}input:disabled,textarea:disabled,select:disabled{color:#71809a;cursor:not-allowed;opacity:.65;background:#101a2a}textarea{resize:vertical;min-height:96px}select{cursor:pointer}label{color:var(--muted-strong);margin:14px 0 6px;font-size:13px;font-weight:800;display:block}.card,.stats article,.stats .statButton,.setup-panel{border:1px solid var(--border);background:linear-gradient(145deg,#152238fa,#0d1727fa);border-radius:14px;box-shadow:0 16px 42px #0003}.stats{grid-template-columns:minmax(150px,.65fr) repeat(2,minmax(280px,1.5fr));gap:14px;margin:18px 0;display:grid}.stats article,.stats .statButton{text-align:left;font:inherit;color:inherit;align-items:start;gap:8px;padding:18px;display:grid}.stats .statButton{cursor:pointer;width:100%}.stats .statButton:hover{border-color:var(--cyan);background:#182943}.stats svg{color:var(--cyan)}.stats strong{color:var(--text-strong);font-size:30px;line-height:1}.environmentStatCard{box-sizing:border-box;gap:12px;width:100%;padding:18px;display:grid}.statGroupHeader{color:var(--muted-strong);align-items:center;gap:8px;font-weight:800;display:flex}.statMetricGrid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:10px;display:grid}.statMetric{box-sizing:border-box;border:1px solid var(--border);background:#080e198c;border-radius:10px;align-items:start;gap:4px;width:100%;min-width:0;padding:10px 12px;display:grid}.statMetric span{color:var(--muted);font-weight:700}.statMetric.clickable{color:inherit;background:#ff718c14;border-color:#ff718c6b;justify-items:start}.statMetric.clickable:hover{border-color:var(--red);background:#ff718c29}.grid{grid-template-columns:1fr 1fr;align-items:start;gap:16px;display:grid}.dashboardGrid{grid-template-columns:minmax(260px,.75fr) minmax(320px,1fr) minmax(380px,1.35fr)}.card{padding:20px}.wide{margin-top:18px}.list{gap:9px;display:grid}.compactList{max-height:420px;padding-right:4px;overflow:auto}.row{border:1px solid var(--border);background:#0b1423b8;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:13px;display:flex}.asButton{text-align:left;width:100%;font:inherit;font-weight:inherit;justify-content:flex-start}.asButton:hover,.selected{border-color:var(--cyan);background:#162942}.row p{margin:4px 0 0}.repoMeta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;font-size:12px;font-weight:700;display:flex}.repoMeta code{font-size:12px}.error{color:#ffb1bf;white-space:pre-wrap;background:#ff718c1f;border:1px solid #ff718c80;border-radius:10px;padding:14px 16px}.notice{color:#8af0c8;white-space:pre-wrap;background:#35d3991a;border:1px solid #35d3996b;border-radius:10px;padding:14px 16px}.tabs{border:1px solid var(--border);background:#0d1524cc;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 18px;padding:5px;display:flex}.tabs button{min-height:38px;color:var(--muted-strong);background:0 0;border-color:#0000;padding:8px 13px}.tabs button:hover:not(:disabled){border-color:var(--border-strong);color:var(--text-strong);background:#1b2c47}.tabs button.active{background:var(--cyan);border-color:var(--cyan);color:#06121d;box-shadow:0 5px 16px #1eaeda29}.envGrid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;display:grid}.env{border:1px solid var(--border);background:#0b1423ad;border-radius:11px;padding:15px}.envHeader{justify-content:space-between;align-items:start;gap:12px;display:flex}.envHeader p{margin:4px 0 0}.sectionHeader,.popupHeader{justify-content:space-between;align-items:center;gap:12px;margin:0 0 12px;display:flex}.sectionHeader h2,.popupHeader h2{margin:0}.compactHeader{align-items:start;margin-bottom:8px}.compactHeader p{margin:4px 0 0}.ok,.warn{white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:800}.ok{color:#76e8bd;background:#35d39924;border:1px solid #35d39959}.warn{color:#ffd477;background:#f5bd4f24;border:1px solid #f5bd4f61}.components{gap:8px;margin-top:14px;display:grid}.components div{border-top:1px dashed var(--border);gap:4px;padding-top:8px;display:grid}code{overflow-wrap:anywhere;color:#c4d2e7;background:#1b2940;border-radius:5px;padding:2px 6px}small{color:var(--muted)}.actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:9px;display:flex}.single{grid-template-columns:minmax(320px,520px);justify-content:center}.loginCard{width:100%;max-width:520px}.setup-shell{max-width:1180px;padding:32px clamp(18px,4vw,48px)}.setup-panel{padding:24px}.setup-title{align-items:start;gap:14px;margin-bottom:22px;display:flex}.setup-title p{margin:8px 0 0}.setup-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.setup-grid section{border:1px solid var(--border);background:#0b1423a6;border-radius:11px;padding:16px}.setup-grid h2{align-items:center;gap:8px;font-size:18px;display:flex}.field span{margin-bottom:6px;display:block}.checkbox-field{align-items:center;gap:10px;display:flex}.checkbox-field input{width:auto}.error-banner{color:#ffb1bf;background:#ff718c1f;border:1px solid #ff718c73;border-radius:10px;margin-top:16px;padding:13px}.setup-save{margin-top:18px}.small{font-size:13px}.sectionGap{margin-top:24px}.inlineCheck{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:flex}.inlineCheck input[type=checkbox]{appearance:none;cursor:pointer;background:#1b2940;border:1px solid #536a8e;border-radius:999px;flex:0 0 44px;width:44px;height:24px;padding:0;transition:background .2s,border-color .2s,box-shadow .2s;position:relative;box-shadow:inset 0 1px 2px #00000052}.inlineCheck input[type=checkbox]:before{content:"";background:#dce7f5;border-radius:999px;width:18px;height:18px;transition:transform .22s cubic-bezier(.2,.8,.2,1);position:absolute;top:2px;left:2px;box-shadow:0 2px 5px #0006}.inlineCheck input[type=checkbox]:checked{border-color:var(--green);background:#168d68}.inlineCheck input[type=checkbox]:checked:before{background:#fff;transform:translate(20px)}.inlineCheck input[type=checkbox]:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}.inlineCheck input[type=checkbox]:disabled{opacity:.55;cursor:not-allowed}.twoCols{grid-template-columns:1fr 1fr;gap:12px;display:grid}.templateDataSection{border-top:1px dashed var(--border);margin-top:18px;padding-top:16px}.templateVariableGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.templateVariableField{min-width:0}.templateVariableField label{justify-content:space-between;align-items:center;gap:8px;display:flex}.templateVariableField p{margin:6px 0 0}.requiredMark{color:#ff9aae;text-transform:uppercase;white-space:nowrap;background:#ff718c21;border:1px solid #ff718c59;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:900}.resultBox{border:1px solid var(--border-strong);background:#0b1423b3;border-radius:11px;margin-top:16px;padding:14px}.resultBox p{overflow-wrap:anywhere;margin:8px 0 0}a{color:var(--cyan);text-underline-offset:3px;font-weight:800;text-decoration-thickness:1px}a:hover{color:#a4ebff}.detailStack{gap:18px;display:grid}.entrypointList{max-height:260px;padding-right:4px;overflow:auto}.environmentMapCard{width:100%;overflow:hidden}.environmentMapCard .topologyGraph{width:100%}.environmentMapCard .topologyGraphScroll{max-height:820px;padding-bottom:8px;overflow:auto}.tall{max-height:620px}.buttonLink{color:var(--text);background:#1b2940;border-radius:10px;padding:10px 15px;font-weight:800;text-decoration:none}.rowActionGroup{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:8px;display:grid}.subtleDanger{border-style:dashed;justify-content:center;width:100%}.serviceEditor{gap:14px;margin:10px 0 14px;display:grid}.deploymentActions{grid-template-columns:minmax(220px,.55fr) minmax(260px,1fr);gap:12px;margin-top:16px;display:grid}.deploymentActions .primary{justify-content:center}.deploymentInlineError{margin-top:16px}.deploymentActionHint{text-align:right;margin:8px 0 0}.deploymentEditorCard{border-color:var(--border-strong);background:linear-gradient(145deg,#17263e,#101b2e)}.deploymentSection{border:1px solid var(--border-strong);background:#0b1423c7;border-radius:12px;margin-top:14px;padding:16px;position:relative;overflow:hidden}.deploymentSection:before{content:"";background:#687b99;width:4px;position:absolute;inset:0 auto 0 0}.deploymentSectionIdentity{background:#4167b21a;border-color:#82aaff80}.deploymentSectionIdentity:before{background:var(--blue)}.deploymentSectionHosts{background:#149dc214;border-color:#58d6ff6b}.deploymentSectionHosts:before{background:var(--cyan-strong)}.deploymentSectionTest{background:#35d39912;border-color:#35d3996b}.deploymentSectionTest:before{background:var(--green)}.deploymentSectionWorkloads{background:#7e5bd614;border-color:#b39aff75}.deploymentSectionWorkloads:before{background:var(--purple)}.deploymentSectionRoutes{background:#149dc214;border-color:#58d6ff6b}.deploymentSectionRoutes:before{background:var(--cyan-strong)}.deploymentSectionRuntime{background:#f5bd4f12;border-color:#f5bd4f70}.deploymentSectionRuntime:before{background:var(--amber)}.sectionTitle{border-bottom:1px solid #98a8bf33;align-items:flex-start;gap:10px;margin-bottom:12px;padding:0 0 10px 8px;display:flex}.sectionTitle h2{margin:0}.sectionTitle p{margin:4px 0 0}.sectionTitle svg{color:var(--cyan);flex:none;margin-top:2px}.deploymentSectionIdentity .sectionTitle svg{color:var(--blue)}.deploymentSectionHosts .sectionTitle svg,.deploymentSectionRoutes .sectionTitle svg{color:var(--cyan)}.deploymentSectionTest .sectionTitle svg{color:var(--green)}.deploymentSectionWorkloads .sectionTitle svg{color:var(--purple)}.deploymentSectionRuntime .sectionTitle svg{color:var(--amber)}.editorRow{border:1px solid var(--border-strong);background:#111d31;border-radius:11px;padding:14px;position:relative;box-shadow:0 8px 18px #00000029}.workloadRow{background:#151d33;border-color:#b39aff8c}.workloadRow:before,.containerRow:before,.routeRow:before{content:"";border-radius:999px;width:4px;position:absolute;inset:12px auto 12px 0}.workloadRow:before{background:var(--purple)}.containerRow{background:#101b2d;border-color:#354865}.containerRow:before{background:#778eff}.routeRow{background:#101f32;border-color:#58d6ff85}.routeRow:before{background:var(--cyan-strong)}.fourCols{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.podCard{border:1px solid var(--border);background:#0b1423ad;border-radius:11px;padding:14px}.containerMenuWrap{position:relative}.containerButton{text-align:left;border:1px dashed var(--border-strong);background:#0c1728;border-radius:9px;padding:10px;font-weight:600;display:grid}.containerActionMenu{z-index:30;border:1px solid var(--border-strong);background:#152238;border-radius:10px;gap:4px;min-width:180px;padding:6px;display:grid;position:fixed;box-shadow:0 16px 34px #0006}.containerActionMenu button{background:0 0;border-radius:8px;justify-content:flex-start;width:100%;padding:9px 10px}.containerActionMenu button:hover:not(:disabled){background:#203451}.logBox{color:#c8d5e8;white-space:pre-wrap;background:#060b14;border:1px solid #263650;border-radius:10px;min-height:360px;max-height:560px;padding:14px;font-size:12px;line-height:1.45;overflow:auto}.runtimePopupBackdrop{z-index:20;background:#02060fc2;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.runtimePopup{width:min(920px,100vw - 48px);max-height:calc(100vh - 48px);overflow:auto}.runtimePopup.widePopup{width:min(1500px,100vw - 48px)}.runtimePopup .logBox{min-height:420px;max-height:58vh}.logTailToggle{border:1px solid var(--border);background:#0c1728;border-radius:9px;padding:10px 12px}.descriptionBox{gap:12px;margin-top:14px;display:grid}.descriptionGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.descriptionGrid div{border:1px solid var(--border);background:#0b1423a8;border-radius:9px;padding:10px}.descriptionGrid p{overflow-wrap:anywhere;margin:4px 0 0}.actionPanelList{margin-top:14px}.topologyGraph{gap:14px;display:grid}.topologyGraphHeader{border:1px solid var(--border-strong);background:linear-gradient(135deg,#15253d,#101b2d);border-radius:11px;justify-content:space-between;align-items:start;gap:12px;padding:14px 16px;display:flex}.topologyGraphHeader p{margin:6px 0 0}.topologyCount{background:var(--purple);color:#130e22;white-space:nowrap;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900}.topologyEdgeLegend{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px 14px;font-size:12px;font-weight:800;display:flex}.topologyEdgeLegend span{align-items:center;gap:6px;display:inline-flex}.topologyEdgeLegend i{background:#7c8ba4;border-radius:999px;width:22px;height:3px;display:inline-block}.topologyEdgeLegend i.route{background:var(--blue)}.topologyEdgeLegend i.select{background:var(--green)}.topologyEdgeLegend i.ownership{background:var(--amber)}.topologyEdgeLegend i.recursive{background:repeating-linear-gradient(90deg,var(--purple) 0 7px,transparent 7px 12px)}.topologyGraphScroll{max-width:100%;padding-bottom:8px;overflow:auto}.topologyGraphCanvas{border:1px solid var(--border);background:radial-gradient(circle at 0 0,#172b48,#0d1728 46%,#0b1321);border-radius:14px;position:relative;overflow:hidden}.topologyGraphEdges{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:visible}.topologyGraphEdgePath{fill:none;stroke:#72839f;stroke-width:2.25px;stroke-linecap:round;stroke-linejoin:round}.topologyGraphEdgePath.default{stroke:#72839f}.topologyGraphEdgePath.route{stroke:var(--blue)}.topologyGraphEdgePath.select{stroke:var(--green)}.topologyGraphEdgePath.contain{stroke:#72839f}.topologyGraphEdgePath.ownership{stroke:var(--amber)}.topologyGraphEdgePath.recursive{stroke-dasharray:7 6;stroke:var(--purple)}.topologyGraphEdgeLabel{fill:#b7c3d6;paint-order:stroke;stroke:#0d1728;stroke-width:5px;stroke-linejoin:round;font-size:11px;font-weight:800}.topologyGraphNode{z-index:1;width:240px;position:absolute}.topologyNodeCard{border:1px solid var(--border-strong);background:#152238;border-radius:11px;gap:6px;min-width:180px;max-width:280px;padding:12px;display:grid;position:relative;overflow:hidden;box-shadow:0 10px 24px #00000047}.topologyNodeCard:before{content:"";background:#72839f;width:4px;position:absolute;inset:0 auto 0 0}.topologyNodeCard.host:before,.topologyNodeCard.ingress:before{background:var(--blue)}.topologyNodeCard.service:before{background:var(--green)}.topologyNodeCard.deployment:before{background:var(--purple)}.topologyNodeCard.pod:before{background:var(--amber)}.topologyNodeCard.environment:before{background:#b7c3d6}.topologyNodeCard.good{border-color:#35d39994}.topologyNodeCard.bad{background:#ff718c1a;border-color:#ff718c94}.topologyNodeCard.pending{background:#f5bd4f14;border-color:#f5bd4f94}.topologyNodeCard.sharedTarget{box-shadow:0 0 0 3px #58d6ff29,0 10px 24px #00000047}.topologyNodeCard:target{outline:3px solid var(--cyan);outline-offset:3px}.topologyNodeCard strong{overflow-wrap:anywhere;color:var(--text-strong);line-height:1.15}.topologyNodeCard small{overflow-wrap:anywhere;line-height:1.35}.topologyNodeCard.compact{min-width:0;max-width:none}.topologyType{text-transform:uppercase;letter-spacing:.12em;width:fit-content;color:var(--muted-strong);background:#233450;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:900}.topologyUnconnected{border:1px dashed var(--border-strong);background:#0b1423ad;border-radius:11px;gap:10px;padding:14px;display:grid}.topologyNodeGrid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;display:grid}.topologyEmptyGraph{border:1px dashed var(--border-strong);background:#0b1423ad;border-radius:11px;padding:16px}.card h2 svg{vertical-align:text-bottom;margin-right:6px}.nestedEditor{border-top:1px dashed var(--border);margin-top:12px;padding-top:12px}.containerEditor,.envVarEditor,.secretEditor,.storageEditor{border:1px solid var(--border-strong);border-radius:10px;padding:12px}.containerEditor{background:#7e5bd61a;border-color:#b39aff73}.envVarEditor{border-color:var(--border-strong);background:#0b1423a6}.secretEditor{background:#f5bd4f14;border-color:#f5bd4f6b}.storageEditor{background:#149dc214;border-color:#58d6ff66}.volumeRow{grid-template-columns:1fr 1.15fr .7fr 1fr 1fr auto auto;align-items:end;gap:10px;margin:8px 0;display:grid}.volumeCheck{align-items:center;min-height:41px}.emptyHint{color:var(--muted);margin:8px 0 0;font-size:13px;font-weight:700}.envHeader.compact{margin-bottom:6px}.inlineRow{align-items:end;margin:8px 0}.inlineRow button{align-self:end}.threeCols{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.editorRow.subtle{border-style:solid}.deploymentDefinitionLayout{grid-template-columns:minmax(0,1fr);display:grid}.secretPickerRow{grid-template-columns:1fr minmax(220px,1.4fr) 1fr 1fr auto;align-items:end;gap:12px;margin:8px 0;display:grid}.secretPickerActions{align-items:end;gap:8px;display:flex}.inlineError{grid-column:1/-1;margin:0;padding:10px 12px}.loadingBanner{color:#a9c5ff;background:#4167b224;border:1px solid #82aaff73;border-radius:10px;align-items:center;gap:10px;margin:0 0 16px;padding:13px 16px;font-weight:800;display:flex}.spinner{border:2px solid;border-right-color:#0000;border-radius:999px;flex:none;width:16px;height:16px;animation:.75s linear infinite spin;display:inline-block}.spinner.inline{vertical-align:-2px;width:12px;height:12px}.loadingRows{gap:10px;display:grid}.skeletonRow{border:1px solid var(--border);background:linear-gradient(90deg,#101b2d 25%,#1c2c46 37%,#101b2d 63%) 0 0/400% 100%;border-radius:10px;gap:10px;padding:14px;animation:1.2s ease-in-out infinite shimmer;display:grid}.skeletonRow span,.skeletonRow small{background:#c2d5ef2e;border-radius:999px;height:14px;display:block}.skeletonRow span{width:62%}.skeletonRow small{width:38%}.emptyState{border:1px dashed var(--border-strong);background:#0b1423ad;border-radius:10px;padding:16px}.emptyState p{margin:6px 0 0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.helpBox{border:1px solid var(--border);background:#0b1423ad;border-radius:10px;margin:0 0 14px;padding:12px 14px}.helpBox p{margin:6px 0 0}.driftCard{background:#f5bd4f14;border-color:#f5bd4f7a}.driftIssue.bad{background:#ff718c14;border-color:#ff718c80}.driftIssue.warnIssue{background:#f5bd4f14;border-color:#f5bd4f7a}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--border);text-align:left;padding:11px 12px}th{color:var(--muted-strong);text-transform:uppercase;letter-spacing:.08em;font-size:12px}td{color:var(--text)}@media (width<=1180px){.secretPickerRow,.volumeRow{grid-template-columns:1fr 1fr}}@media (width<=920px){main{padding:18px 16px 36px}.hero{align-items:start;padding-top:12px;display:grid}.hero .actions{justify-content:flex-start}.grid,.twoCols{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboardGrid,.setup-grid,.templateVariableGrid{grid-template-columns:1fr}.fourCols{grid-template-columns:1fr 1fr}.threeCols{grid-template-columns:1fr}.volumeRow,.secretPickerRow{grid-template-columns:1fr 1fr}.row{align-items:start}.row .actions{justify-content:flex-start}}@media (width<=560px){h1{font-size:32px}.hero{gap:16px}.hero .actions,.actions{justify-content:stretch;width:100%}.hero .actions button,.actions button{flex:auto}.tabs{align-items:stretch}.tabs button{flex:auto}.stats,.fourCols,.deploymentActions,.secretPickerRow,.volumeRow{grid-template-columns:1fr}.setup-shell{padding:18px 16px}.setup-panel,.card{padding:16px}.runtimePopupBackdrop{padding:12px}.runtimePopup,.runtimePopup.widePopup{width:calc(100vw - 24px);max-height:calc(100vh - 24px)}.topologyGraphHeader{display:grid}.topologyNodeCard{min-width:0;max-width:none}.descriptionGrid,.rowActionGroup{grid-template-columns:1fr}.deploymentActionHint{text-align:left}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.dashboardGrid>.card,.detailStack>.card,.detailStack>.grid>.card,.deploymentDefinitionLayout>*{min-width:0}.dashboardGrid>.card,.detailStack>.card,.detailStack>.grid>.card{border-top:2px solid var(--border-strong)}.dashboardGrid>.card:first-child{border-top-color:var(--cyan)}.dashboardGrid>.card:nth-child(2){border-top-color:var(--blue)}.dashboardGrid>.card:nth-child(3){border-top-color:var(--green)}.dashboardGrid>.card .sectionHeader,.detailStack>.card:first-child .sectionHeader,.detailStack>.grid>.card>.sectionHeader{border-bottom:1px solid var(--border);padding-bottom:12px}.dashboardGrid>.card .sectionHeader h2,.detailStack>.card .sectionHeader h2,.detailStack>.grid>.card>h2{align-items:center;gap:7px;display:flex}.dashboardGrid .row,.detailStack .row{min-width:0;transition:border-color .16s,background .16s,transform .16s}.dashboardGrid .row>div,.detailStack .row>div{min-width:0}.dashboardGrid .row strong,.detailStack .row strong{overflow-wrap:anywhere}.dashboardGrid .asButton,.detailStack .asButton{justify-content:space-between}.detailStack>.card:first-child{border-color:var(--border-strong);background:linear-gradient(145deg,#192a45fa,#0d1727fa)}.detailStack>.grid{align-items:stretch}.detailStack>.grid>.card{background:linear-gradient(145deg,#121f34fa,#0c1524fa)}.detailStack .row>span:not(.ok):not(.warn){border:1px solid var(--border-strong);color:var(--muted-strong);white-space:nowrap;background:#233450b3;border-radius:999px;flex:none;padding:4px 9px;font-size:12px;font-weight:800}.manualTestBox{box-shadow:inset 0 1px #ffffff06}.deploymentDefinitionLayout{width:100%;min-width:0}.deploymentDefinitionLayout>*{width:100%}@media (width<=920px){.detailStack>.grid{grid-template-columns:minmax(0,1fr)}.deploymentDefinitionLayout .fourCols{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.dashboardGrid .compactList,.detailStack .compactList{max-height:none;padding-right:0;overflow:visible}.detailStack>.card:first-child .actions{justify-content:stretch;width:100%}.detailStack>.card:first-child .actions button{flex:180px}.deploymentDefinitionLayout .fourCols{grid-template-columns:minmax(0,1fr)}}.environmentOverview{border-top:2px solid var(--cyan);background:linear-gradient(145deg,#192a45fa,#0d1727fa)}.environmentOverview .envHeader{align-items:flex-start}.environmentIdentity{flex:440px;min-width:0}.environmentTitleRow{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.environmentTitleRow h2{overflow-wrap:anywhere;margin:0;font-size:clamp(24px,3vw,32px)}.environmentSubtitle{overflow-wrap:anywhere;margin:6px 0 0!important}.environmentMeta{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;max-width:760px;margin-top:18px;display:grid}.environmentMetaItem{border:1px solid var(--border);background:#080e1980;border-radius:9px;gap:3px;min-width:0;padding:9px 11px;display:grid}.environmentMetaItem span,.detailValueBlock>strong{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:900}.environmentMetaItem strong{overflow-wrap:anywhere;min-width:0;color:var(--text-strong)}.statusBadge{border:1px solid var(--border-strong);width:fit-content;max-width:100%;min-height:27px;color:var(--muted-strong);white-space:nowrap;background:#233450b8;border-radius:999px;justify-content:center;align-items:center;padding:4px 10px;font-size:11px;font-weight:900;line-height:1.2;display:inline-flex}.statusGood{color:#76e8bd;background:#35d39924;border-color:#35d3996b}.statusWarn{color:#ffd477;background:#f5bd4f24;border-color:#f5bd4f75}.statusBad{color:#ffb1bf;background:#ff718c21;border-color:#ff718c80}.statusNeutral{border-color:var(--border-strong);color:var(--muted-strong);background:#233450b8}.detailPanel{min-width:0;overflow:hidden}.detailPanelRoutes{border-top:2px solid var(--blue)}.detailPanelMap{border-top:2px solid var(--purple)}.detailPanelPods{border-top:2px solid var(--green)}.detailPanelEvents,.detailPanelDrift{border-top:2px solid var(--amber)}.detailSectionHeader{border-bottom:1px solid var(--border);align-items:flex-start;padding-bottom:14px}.detailSectionHeader h2{align-items:center;gap:7px;margin-bottom:4px;display:flex}.detailSectionHeader h2 svg{margin:0}.detailSectionHeader p{max-width:760px}.panelCount{border:1px solid var(--border);color:var(--muted-strong);white-space:nowrap;background:#080e1975;border-radius:999px;flex:none;padding:5px 9px;font-size:11px;font-weight:900}.entrypointList .row,.detailPanelEvents .row{align-items:flex-start}.entrypointList .row>div,.detailPanelEvents .row>div{min-width:0}.podCard{border-color:var(--border-strong);background:#0b1423c2;min-width:0;overflow:hidden}.podCard .envHeader{align-items:flex-start}.podCard .envHeader>div{min-width:0}.podCard .envHeader strong,.containerButton>span{overflow-wrap:anywhere}.containerButton{width:100%;min-width:0;color:var(--text);background:#08101dc7;justify-items:start}.containerButton:hover:not(:disabled){border-color:var(--cyan);background:#13243b}.containerButton code,.containerButton small{overflow-wrap:anywhere;text-align:left;max-width:100%}.detailValueBlock{border:1px solid var(--border);background:#0b1423a8;border-radius:9px;gap:6px;min-width:0;margin-top:2px;padding:10px 12px;display:grid}.detailValueBlock code{overflow-wrap:anywhere}.runtimePopup{border-color:var(--border-strong);border-top:2px solid var(--cyan);min-width:0}.runtimePopup .envHeader{border-bottom:1px solid var(--border);align-items:flex-start;margin-bottom:2px;padding-bottom:14px}.runtimePopup .envHeader h2{align-items:center;gap:7px;display:flex}.runtimePopup .envHeader h2 svg{color:var(--cyan)}.logBox{overflow-wrap:anywhere;max-width:100%}@media (width<=760px){.environmentOverview .envHeader,.detailSectionHeader{grid-template-columns:minmax(0,1fr);display:grid}.environmentOverview .actions{justify-content:flex-start;width:100%}.environmentMeta{max-width:none}.detailSectionHeader .panelCount{justify-self:start}}@media (width<=560px){.environmentMeta{grid-template-columns:1fr 1fr}.environmentMetaItem{padding:8px 9px}.environmentOverview .actions>*{flex:170px;min-width:0}.environmentOverview .actions .iconButton{flex:0 0 42px}.environmentTitleRow{align-items:flex-start}.statusBadge{white-space:normal;text-align:center}.detailRuntimeGrid .card{padding:14px}.detailSectionHeader h2{font-size:18px}.runtimePopup .logBox{min-height:260px;max-height:52vh;font-size:11px}}@media (width<=380px){.environmentMeta{grid-template-columns:1fr}}.deploymentEditorCard{min-width:0}.deploymentEditorCard .deploymentSection{min-width:0;overflow:visible}.deploymentEditorCard .sectionTitle>div,.deploymentEditorCard .envHeader>div,.deploymentEditorCard .editorRow,.deploymentEditorCard .nestedEditor,.deploymentEditorCard .secretPickerRow>div,.deploymentEditorCard .volumeRow>div{min-width:0}.deploymentEditorCard .sectionTitle h2,.deploymentEditorCard .sectionTitle p,.deploymentEditorCard .envHeader strong,.deploymentEditorCard label{overflow-wrap:anywhere}.deploymentEditorCard .deploymentSection>.twoCols>div,.deploymentEditorCard .deploymentSection>.threeCols>div,.deploymentEditorCard .workloadRow>.twoCols>div,.deploymentEditorCard .workloadRow>.threeCols>div,.deploymentEditorCard .containerRow>.twoCols>div,.deploymentEditorCard .containerRow>.threeCols>div,.deploymentEditorCard .routeRow>.fourCols>div{min-width:0}.deploymentEditorCard .inlineCheck{border:1px solid var(--border);background:#080e196b;border-radius:9px;min-height:42px;margin:12px 0 0;padding:8px 10px}.deploymentEditorCard .threeCols>.inlineCheck{margin:0}.deploymentEditorCard .envHeader.compact{align-items:center;margin-bottom:8px}.deploymentEditorCard .envHeader.compact strong{color:var(--text-strong);line-height:1.3}.deploymentEditorCard .envHeader.compact button,.deploymentEditorCard .deploymentSection>button{color:#9beaff;background:#58d6ff1a;border-color:#58d6ff6b;min-height:38px;padding:8px 12px}.deploymentEditorCard .envHeader.compact button:hover:not(:disabled),.deploymentEditorCard .deploymentSection>button:hover:not(:disabled){border-color:var(--cyan);color:var(--text-strong);background:#58d6ff2e}.deploymentEditorCard .editorRow>button,.deploymentEditorCard .volumeRow>button,.deploymentEditorCard .secretPickerActions>button:last-child{color:#ffadbb;background:#ff718c14;border-color:#ff718c5c}.deploymentEditorCard .editorRow>button:hover:not(:disabled),.deploymentEditorCard .volumeRow>button:hover:not(:disabled),.deploymentEditorCard .secretPickerActions>button:last-child:hover:not(:disabled){border-color:var(--red);color:pink;background:#ff718c29}.deploymentEditorCard .inlineRow{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}.deploymentEditorCard .inlineRow>input,.deploymentEditorCard .secretPickerRow input,.deploymentEditorCard .secretPickerRow select{min-width:0}.deploymentEditorCard .inlineRow button,.deploymentEditorCard .volumeRow>button,.deploymentEditorCard .secretPickerActions button{white-space:nowrap}.deploymentEditorCard .secretPickerActions{flex-wrap:wrap;min-width:0}.deploymentEditorCard .volumeRow{min-width:0}.deploymentEditorCard .volumeCheck{white-space:normal}.deploymentEditorCard .emptyHint{border:1px dashed var(--border);background:#080e194d;border-radius:8px;padding:10px 12px}.deploymentEditorCard .deploymentInlineError{overflow-wrap:anywhere}@media (width<=920px){.deploymentEditorCard .inlineRow{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}}@media (width<=760px){.deploymentEditorCard .deploymentSection{padding:14px}.deploymentEditorCard .secretPickerRow{grid-template-columns:minmax(0,1fr)}.deploymentEditorCard .volumeRow{grid-template-columns:repeat(2,minmax(0,1fr))}.deploymentEditorCard .volumeCheck{grid-column:1/-1}.deploymentEditorCard .deploymentActions{grid-template-columns:minmax(0,1fr)}}@media (width<=560px){.deploymentEditorCard .deploymentSection{padding:12px 10px 14px}.deploymentEditorCard .editorRow,.deploymentEditorCard .nestedEditor{padding:11px 9px}.deploymentEditorCard .sectionTitle{padding-left:2px}.deploymentEditorCard .envHeader.compact{flex-wrap:wrap;align-items:flex-start}.deploymentEditorCard .envHeader.compact strong{flex:180px}.deploymentEditorCard .inlineRow{grid-template-columns:minmax(0,1fr)}.deploymentEditorCard .inlineRow button,.deploymentEditorCard .volumeRow>button{width:100%}.deploymentEditorCard .volumeRow{grid-template-columns:minmax(0,1fr)}.deploymentEditorCard .volumeCheck{grid-column:auto}.deploymentEditorCard .secretPickerActions{grid-template-columns:42px minmax(0,1fr);align-items:stretch;display:grid}.deploymentEditorCard .secretPickerActions .iconButton{width:42px}.deploymentEditorCard .secretPickerActions>button:last-child{width:100%}}.environmentMapCard,.environmentMapCard .topologyGraph,.environmentMapCard .topologyGraphScroll{min-width:0}.environmentMapCard .topologyGraphScroll{overscroll-behavior:contain;scrollbar-color:var(--border-strong) var(--surface-soft);scrollbar-width:thin;width:100%;max-width:100%;overflow:auto}.topologyGraphHeader>div,.topologyGraphHeader p,.topologyEdgeLegend{min-width:0}.topologyGraphHeader p{overflow-wrap:anywhere}.topologyGraphHeader{background:linear-gradient(135deg, var(--surface-raised), var(--surface))}.topologyGraphCanvas{isolation:isolate;background:radial-gradient(circle at left top, var(--surface-raised), var(--surface) 46%, var(--surface-soft))}.topologyGraphEdgePath.default,.topologyGraphEdgePath.contain{stroke:var(--muted-strong)}.topologyGraphEdgeLabel{stroke:var(--surface)}.topologyEdgeLegend i.contain{background:var(--muted-strong)}.topologyNodeCard{background:var(--surface-raised)}.topologyNodeCard:before{background:var(--muted-strong)}.topologyNodeCard.bad{background:#ff718c1a}.topologyNodeCard.pending{background:#f5bd4f14}.topologyType,.topologyUnconnected,.topologyEmptyGraph{background:var(--surface-soft)}@media (width<=560px){.environmentMapCard .topologyGraphScroll{padding-bottom:10px}.topologyGraphHeader{padding:12px}}:root{--feedback-info-text:#a9c5ff;--feedback-success-text:#8af0c8;--feedback-warning-text:#ffd477;--feedback-danger-text:#ffb1bf;--feedback-empty-text:#c4d2e7}.feedbackSurface,.error,.error-banner,.notice{overflow-wrap:anywhere;word-break:break-word;border-radius:10px;min-width:0;max-width:100%;padding:14px 16px}.feedbackSurface>:first-child{margin-top:0}.feedbackSurface>:last-child{margin-bottom:0}.feedbackSurface strong{color:var(--text-strong)}.feedbackSurface p{overflow-wrap:anywhere;word-break:break-word}.feedbackLoading,.feedbackInfo,[data-feedback-kind=info]{border-color:#82aaff75;border-left:3px solid var(--blue);color:var(--feedback-info-text);background:#4167b224}.feedbackLoading{align-items:flex-start;gap:10px;font-weight:800;display:flex}.feedbackLoading>span:last-child{overflow-wrap:anywhere;min-width:0}.feedbackLoadingRows{background:#0b142385;border-color:#82aaff4d;gap:10px;display:grid}.feedbackLoadingRows>.muted{min-width:0;color:var(--feedback-info-text);overflow-wrap:anywhere;margin:0}.feedbackLoadingRows .skeletonRow{min-width:0;margin:0}.feedbackEmpty,[data-feedback-kind=empty]{border-style:dashed;border-color:#b39aff85;border-left:3px solid var(--purple);color:var(--feedback-empty-text);background:#7e5bd61a}.feedbackEmpty p{color:var(--muted-strong)}.feedbackResult{background:linear-gradient(145deg,#4167b224,#0b1423b8);border-color:#82aaff75}.feedbackResult p{color:var(--muted-strong)}.error,.error-banner,.feedbackDanger,[data-feedback-kind=danger]{border-color:#ff718c80;border-left:3px solid var(--red);color:var(--feedback-danger-text);white-space:pre-wrap;background:#ff718c1f}.notice,.feedbackSuccess,[data-feedback-kind=success]{border-color:#35d39970;border-left:3px solid var(--green);color:var(--feedback-success-text);white-space:pre-wrap;background:#35d3991a}.feedbackWarning,[data-feedback-kind=warning]{border-color:#f5bd4f75;border-left:3px solid var(--amber);color:var(--feedback-warning-text);white-space:pre-wrap;background:#f5bd4f1a}.error p,.error-banner p,.notice p,.feedbackDanger p,.feedbackSuccess p,.feedbackWarning p,[data-feedback-kind=danger] p,[data-feedback-kind=success] p,[data-feedback-kind=warning] p{color:inherit}@media (width<=560px){.feedbackSurface,.error,.error-banner,.notice{padding:12px}.feedbackLoadingRows{gap:8px}}.auth-shell{align-content:start;max-width:820px;display:grid}.auth-hero{text-align:center;border-bottom:0;max-width:680px;margin:0 auto 4px;padding:clamp(28px,7vh,72px) 0 24px;display:block}.auth-hero h1{font-size:clamp(34px,6vw,48px)}.auth-hero .muted{max-width:620px;margin:14px auto 0;font-size:15px}.auth-layout{width:100%}.auth-card{border-top:2px solid var(--cyan);background:linear-gradient(145deg,#172741fc,#0c1524fc);padding:clamp(20px,4vw,30px)}.auth-card-heading{align-items:center;gap:12px;margin-bottom:22px;display:flex}.auth-card-heading h2{margin:0;font-size:22px}.auth-card-heading .eyebrow{margin-bottom:3px}.auth-icon,.setup-icon{color:var(--cyan);background:#58d6ff1a;border:1px solid #58d6ff66;border-radius:11px;flex:none;place-items:center;display:grid}.auth-icon{width:46px;height:46px}.auth-form{gap:16px;display:grid}.auth-field,.setup-field{min-width:0;margin:0}.auth-field span,.setup-field span{color:var(--muted-strong);margin-bottom:7px;display:block}.auth-field input{min-height:46px}.auth-submit{min-height:46px;margin-top:4px}.auth-error{margin:0 0 16px}input[aria-invalid=true]{border-color:#ff718cb8}input[aria-invalid=true]:focus-visible{outline-color:var(--red);box-shadow:0 0 0 5px #ff718c29}.setup-shell{max-width:1240px}.setup-panel{border-top:2px solid var(--cyan);background:linear-gradient(145deg,#15243bfc,#0c1524fc);padding:clamp(18px,3vw,30px)}.setup-title{border-bottom:1px solid var(--border);align-items:center;padding-bottom:22px}.setup-title h1{font-size:clamp(28px,4vw,38px)}.setup-title .eyebrow{margin-bottom:6px}.setup-title p:last-child{max-width:820px;margin-bottom:0}.setup-icon{width:52px;height:52px}.setup-grid{margin-top:22px}.setup-grid section{border-top:2px solid var(--border-strong);background:linear-gradient(145deg,#111f34e6,#0a1321d1);min-width:0}.setup-grid section:first-child{border-top-color:var(--cyan)}.setup-grid section:nth-child(2){border-top-color:var(--purple)}.setup-grid section:nth-child(3){border-top-color:var(--blue)}.setup-grid section:nth-child(4){border-top-color:var(--green)}.setup-grid section h2{border-bottom:1px solid var(--border);padding-bottom:11px}.setup-grid section h2 svg{color:var(--cyan)}.setup-grid section:nth-child(2) h2 svg{color:var(--purple)}.setup-grid section:nth-child(3) h2 svg{color:var(--blue)}.setup-grid section:nth-child(4) h2 svg{color:var(--green)}.setup-field input{min-height:44px}.setup-grid .checkbox-field{border:1px solid var(--border);background:#080e196b;border-radius:9px;min-height:44px;margin:12px 0 14px;padding:8px 10px}.setup-grid .checkbox-field input{min-height:20px;accent-color:var(--green)}.setup-grid .checkbox-field span{margin:0}.setup-save{min-width:154px;min-height:46px;margin-top:20px;margin-left:auto}#setup-error{margin-top:20px}@media (width<=560px){.auth-shell{padding-top:12px}.auth-hero{padding:20px 0 18px}.auth-hero .muted{font-size:14px}.auth-card{padding:18px 16px}.setup-title{align-items:flex-start}.setup-title p:last-child{margin-top:10px}.setup-grid{gap:12px}.setup-grid section{padding:14px}.setup-save{width:100%}}.testOverridesEditor{background:#35d39912;border:1px solid #35d39975;border-radius:10px;padding:12px}.testOverridesEditor>.editorRow{border-color:#35d39961;margin-top:10px}.testOverrideHint{background:#080e196b;border:1px dashed #35d3996b;border-radius:9px;align-self:end;padding:10px 12px}.testEnvValueRow{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;display:grid}@media (width<=560px){.testEnvValueRow{grid-template-columns:1fr}}.compactContainerInventory{background:#0b142385}.containerSummaryList{gap:10px;margin-top:10px;display:grid}.containerSummaryCard{border:1px solid var(--border-strong);background:#080e198f;border-radius:10px;grid-template-columns:minmax(220px,1.4fr) minmax(300px,1.3fr) auto;align-items:center;gap:14px;min-width:0;padding:12px 14px;display:grid}.containerSummaryIdentity{gap:5px;min-width:0;display:grid}.containerSummaryIdentity strong{color:var(--text-strong);overflow-wrap:anywhere}.containerSummaryIdentity code{overflow-wrap:anywhere;width:fit-content;max-width:100%}.containerSummaryMeta{flex-wrap:wrap;gap:7px;min-width:0;display:flex}.containerSummaryMeta span{border:1px solid var(--border);min-height:28px;color:var(--muted);background:#152238b8;border-radius:999px;align-items:center;gap:5px;padding:4px 8px;font-size:11px;font-weight:800;display:inline-flex}.containerSummaryMeta strong{color:var(--muted-strong)}.containerSummaryActions{justify-content:flex-end;gap:8px;display:flex}.containerDetailEditor{gap:16px;display:grid}.containerDetailSection{border:1px solid var(--border);background:#080e1970;border-radius:11px;min-width:0;padding:16px}.containerDetailSection .sectionHeader{border-bottom:1px solid var(--border);margin-bottom:12px;padding-bottom:10px}.containerEditorFooter{border-top:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d1524f7;justify-content:flex-end;gap:10px;margin:0 -20px -20px;padding:14px 20px;display:flex;position:sticky;bottom:-20px}@media (width<=920px){.containerSummaryCard{grid-template-columns:minmax(0,1fr) auto}.containerSummaryMeta{grid-area:2/1/auto/-1}.containerSummaryActions{grid-area:1/2}}@media (width<=560px){.containerSummaryCard{grid-template-columns:minmax(0,1fr)}.containerSummaryMeta,.containerSummaryActions{grid-area:auto/1}.containerSummaryActions{justify-content:stretch}.containerSummaryActions button{flex:auto}.containerDetailSection{padding:12px}.containerEditorFooter{grid-template-columns:1fr 1fr;margin:0 -12px -12px;padding:12px;display:grid}}.logActions{grid-template-columns:minmax(180px,1fr) auto;gap:10px;margin-top:12px;display:grid}.logActions .primary{width:100%}@media (width<=560px){.logActions{grid-template-columns:1fr}}