:root{--mono: "JetBrains Mono", monospace;--sans: "Space Grotesk", sans-serif}:root[data-theme=dark]{--app-bg: #1e1e1e;--titlebar-bg: #2b2b2b;--activity-bg: #333333;--sidebar-bg: #252526;--pane-bg: #1f1f1f;--surface: #2d2d2d;--surface-2: #252526;--border: #3c3c3c;--text-main: #d4d4d4;--text-soft: #9da2aa;--accent: #0e639c;--accent-2: #3794ff;--danger: #f48771;--ok: #89d185;--console-bg: #111214}:root[data-theme=light]{--app-bg: #f4f6f8;--titlebar-bg: #e9edf2;--activity-bg: #dde4ee;--sidebar-bg: #f1f5fb;--pane-bg: #ffffff;--surface: #f8fbff;--surface-2: #edf3fa;--border: #cfd8e3;--text-main: #1e2a39;--text-soft: #5f7186;--accent: #006fcf;--accent-2: #005cb0;--danger: #b73939;--ok: #237d35;--console-bg: #e8eef8}:root[data-theme=classic]{--app-bg: #101820;--titlebar-bg: #1f2a35;--activity-bg: #223040;--sidebar-bg: #1b2632;--pane-bg: #111d28;--surface: #1e2d3d;--surface-2: #162331;--border: #304659;--text-main: #d5e3ef;--text-soft: #9fb9cf;--accent: #2a83d8;--accent-2: #3a9af7;--danger: #f08d84;--ok: #8dd59f;--console-bg: #0a141e}:root[data-theme=blue]{--app-bg: #0a1324;--titlebar-bg: #122342;--activity-bg: #152f57;--sidebar-bg: #0f2342;--pane-bg: #0b1c35;--surface: #17345e;--surface-2: #112a4e;--border: #2f4f80;--text-main: #d9e8ff;--text-soft: #a6c0ea;--accent: #2f84ff;--accent-2: #5fb0ff;--danger: #ff9d8e;--ok: #8de7bf;--console-bg: #060f1d}:root[data-theme=blueamber],:root[data-theme=sunset]{--app-bg: #0b1730;--titlebar-bg: #132a52;--activity-bg: #1a3d78;--sidebar-bg: #11284e;--pane-bg: #0d2141;--surface: #173460;--surface-2: #14315a;--border: #3f66a0;--text-main: #e7f0ff;--text-soft: #bed2f2;--accent: #f2b705;--accent-2: #ff9f1a;--danger: #ff8c73;--ok: #8ad9a8;--console-bg: #08142a}:root[data-theme=retro]{--app-bg: #050805;--titlebar-bg: #091009;--activity-bg: #0c150c;--sidebar-bg: #071007;--pane-bg: #050b05;--surface: #0c170c;--surface-2: #0a130a;--border: #1c3a1c;--text-main: #91ff91;--text-soft: #58c658;--accent: #2ee62e;--accent-2: #1fb81f;--danger: #6cff6c;--ok: #9cff9c;--console-bg: #020402}:root[data-theme=win95]{--app-bg: #008080;--titlebar-bg: #000080;--activity-bg: #b8b8b8;--sidebar-bg: #c0c0c0;--pane-bg: #d4d0c8;--surface: #c0c0c0;--surface-2: #b8b8b8;--border: #6f6f6f;--text-main: #111111;--text-soft: #3f3f3f;--accent: #000080;--accent-2: #1084d0;--danger: #8a0000;--ok: #0d6b0d;--console-bg: #000000}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;height:100%;background:var(--app-bg);color:var(--text-main);font-family:var(--sans);overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3,h4,p{margin:0}.app-shell,.dashboard-shell{min-height:100vh;height:100vh;display:flex;flex-direction:column;overflow:hidden}.ide-topbar,.topbar{min-height:48px;background:var(--titlebar-bg);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px}.topbar-title h1,.topbar h1{font-size:.98rem;font-weight:600}.topbar-title p,.topbar p{color:var(--text-soft);font-size:.76rem}.toolbar{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.btn{border:1px solid var(--border);border-radius:6px;padding:6px 10px;background:var(--surface);color:var(--text-main);text-decoration:none;cursor:pointer}.btn:hover{filter:brightness(1.08)}.btn:disabled{opacity:.58;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-accent{background:var(--accent-2);border-color:var(--accent-2);color:#fff}.btn-subtle{background:var(--surface)}.btn-mini{font-size:.74rem;padding:4px 8px;display:inline-flex;align-items:center;gap:3px}.icon-btn{padding:4px 6px}.ide-workbench{flex:1;min-height:0;display:grid;grid-template-columns:48px 290px 1fr;overflow:hidden}.ide-workbench.sidebar-hidden{grid-template-columns:48px 1fr}.activity-bar{background:var(--activity-bg);border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px}.activity-btn{width:34px;height:34px;border:1px solid transparent;border-radius:8px;background:transparent;font-size:17px;cursor:pointer}.activity-btn:hover,.activity-btn.active{background:var(--surface);border-color:var(--border)}.pane{min-height:0;overflow:hidden}.sidebar{background:var(--sidebar-bg);border-right:1px solid var(--border);display:flex;flex-direction:column;gap:10px;padding:10px}.sidebar.compact{padding:8px}.sidebar-head{display:flex;flex-direction:column;gap:8px}.sidebar h2{font-size:.84rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-soft)}.stack-row{display:flex;gap:6px;flex-wrap:wrap}.tree-wrap{flex:1;overflow:auto;border:1px solid var(--border);background:var(--surface-2)}.tree-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-right:6px}.tree-row:hover{background:color-mix(in srgb,var(--accent) 15%,transparent)}.tree-row.selected{background:color-mix(in srgb,var(--accent) 30%,transparent)}.tree-label{background:transparent;border:0;font-size:.8rem;text-align:left;padding:5px 0;cursor:pointer;color:var(--text-main);flex:1}.tree-create-row{display:flex;align-items:center;gap:4px;padding:4px 6px 4px 0}.tree-create-row input{flex:1;min-width:0;border:1px solid var(--border);border-radius:5px;background:var(--surface);color:var(--text-main);padding:3px 6px;font-size:.76rem}.tree-actions{display:flex;gap:4px}.tree-actions button,.inspector-row .danger,.workflow-actions .danger{border:1px solid var(--border);background:var(--surface);border-radius:5px;padding:3px 5px;font-size:.68rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.tree-actions .danger,.inspector-row .danger,.workflow-actions .danger{color:var(--danger)}.status-console{background:var(--console-bg);color:#90d590;border:1px solid var(--border);font-size:.85rem;max-height:240px;min-height:150px;overflow:auto;padding:10px;font-family:var(--mono)}.metrics-panel .status-console{min-height:240px;max-height:340px}.editor-stack{background:var(--pane-bg);display:flex;flex-direction:column;min-height:0;overflow:hidden}.editor-toolbar{min-height:36px;border-bottom:1px solid var(--border);background:var(--surface-2);display:flex;justify-content:space-between;align-items:center;gap:8px;padding:4px 8px}.tabs{display:flex}.tab{border:1px solid transparent;border-radius:6px;font-size:.76rem;padding:4px 10px;color:var(--text-soft)}.tab.active{background:var(--surface);color:var(--text-main);border-color:var(--border)}.editor-zone{display:flex;min-height:0;flex:1;overflow:hidden}.editor-pane,.inspector-pane{min-height:0;display:flex;flex-direction:column}.panel-head{padding:8px 10px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:8px;background:var(--surface-2)}.panel-head h3{font-size:.82rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-soft)}.muted-label{color:var(--text-soft);font-size:.76rem}.monaco-wrap{flex:1}.divider{width:7px;cursor:col-resize;background:var(--surface-2);border-left:1px solid var(--border);border-right:1px solid var(--border)}.inspector-pane{flex:1;border-left:1px solid var(--border);background:var(--surface-2)}.dsl-pane-body{display:grid;grid-template-rows:1fr auto;gap:8px;padding:8px;min-height:0;height:100%}.dsl-preview,.dsl-diagnostics{border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:8px}.dsl-preview{min-height:220px;overflow:auto}.dsl-preview h4,.dsl-diagnostics h4{font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-soft);margin-bottom:6px}.dsl-preview pre{margin:0;white-space:pre-wrap;font-family:var(--mono);font-size:.75rem}.dsl-diagnostics{max-height:190px;overflow:auto;display:grid;gap:6px}.dsl-diag{display:grid;gap:3px;border:1px solid var(--border);border-radius:6px;padding:7px;font-size:.78rem}.dsl-diag.error{border-color:color-mix(in srgb,var(--danger) 60%,var(--border))}.dsl-diag.warning{border-color:color-mix(in srgb,var(--accent-2) 45%,var(--border))}.dsl-ok{font-size:.8rem;color:var(--ok)}.inspector-add{display:grid;grid-template-columns:1fr 1fr auto;gap:6px;padding:8px}.inspector-add input,.inspector-row input,.form-grid input,.form-grid textarea,.form-grid select,.settings-grid input,.settings-grid select{border:1px solid var(--border);border-radius:6px;padding:7px;background:var(--surface)}.inspector-rows{flex:1;overflow:auto;padding:0 8px 8px}.inspector-row{display:grid;grid-template-columns:1fr 1fr auto;gap:6px;margin-bottom:6px}.readonly{opacity:.76}.yaml-error{margin:8px;padding:9px;border-radius:7px;border:1px solid color-mix(in srgb,var(--danger) 45%,var(--border));background:color-mix(in srgb,var(--danger) 20%,transparent);color:var(--danger);font-size:.82rem}.statusbar{min-height:24px;border-top:1px solid var(--border);background:var(--accent);color:#fff;font-size:.74rem;display:flex;align-items:center;gap:12px;padding:4px 10px}.statusbar .apm-online{color:#b5ffb5}.statusbar .apm-offline{color:#ffd1d1}.statusbar .apm-checking{color:#fff0b3}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:grid;place-items:center;z-index:20}.modal-card{width:min(700px,95vw);max-height:90vh;overflow:auto;background:var(--pane-bg);border:1px solid var(--border);border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:12px;box-shadow:0 18px 40px #00000059}.modal-card h3{font-size:.95rem}.about-description{font-size:.85rem;color:var(--text-soft);line-height:1.5}.modal-card.wizard{width:min(760px,95vw)}.modal-card.wizard.wizard-single{width:min(1220px,96vw)}.wizard-layout{display:grid;grid-template-columns:1.35fr 1fr;gap:12px;min-height:0}.wizard-sections{display:grid;gap:10px;max-height:62vh;overflow:auto;padding-right:4px}.wizard-section{border:1px solid var(--border);border-radius:8px;background:var(--surface-2);padding:10px;display:grid;gap:8px}.wizard-section h4{font-size:.82rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-soft)}.wizard-dsl-card{border:1px solid var(--border);border-radius:8px;background:var(--surface-2);padding:10px;display:grid;gap:8px;min-height:0}.wizard-dsl-card h4{font-size:.82rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-soft)}.wizard-dsl-monaco{width:100%;height:320px;border:1px solid var(--border);border-radius:8px;overflow:hidden}.wizard-dsl-status{font-size:.78rem;color:var(--text-soft)}.wizard-dsl-diags{max-height:180px;overflow:auto;display:grid;gap:6px}.modal-header,.modal-footer{display:flex;justify-content:space-between;align-items:center;gap:10px}.form-grid{display:grid;gap:8px}.form-grid label{display:grid;gap:6px;font-size:.86rem}.form-grid textarea{min-height:80px;resize:vertical}.preset-info{border:1px solid var(--border);border-radius:8px;padding:8px;font-size:.84rem;background:var(--surface);color:var(--text-soft)}.settings-modal{width:min(900px,95vw)}.settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.settings-grid section{border:1px solid var(--border);border-radius:8px;background:var(--surface-2);padding:10px;display:grid;gap:8px}.settings-grid h4{font-size:.84rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-soft)}.settings-grid p{font-size:.8rem;color:var(--text-soft)}.templates{width:min(840px,95vw)}.template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.template-card{border:1px solid var(--border);border-radius:8px;padding:10px;text-align:left;background:var(--surface-2);display:grid;gap:8px;cursor:pointer}.template-card img,.template-placeholder{width:60px;height:60px;object-fit:contain;border-radius:6px;background:var(--surface);border:1px solid var(--border)}.template-placeholder{display:grid;place-items:center;color:var(--text-soft);font-size:.72rem}.template-card p{color:var(--text-soft);font-size:.8rem}.deploy-files{border:1px solid var(--border);border-radius:8px;padding:8px;min-height:90px;max-height:200px;overflow:auto;background:var(--surface-2)}.check-row{display:flex;align-items:center;gap:8px;font-size:.84rem}.deploy-file-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deploy-mode-chip{border-radius:999px;font-size:.66rem;padding:2px 8px;letter-spacing:.03em;border:1px solid transparent;white-space:nowrap}.deploy-mode-chip.mode-direct{color:#d6ffe4;background:#116b3a;border-color:#1f8f52}.deploy-mode-chip.mode-workflow{color:#dbeafe;background:#1e4f8f;border-color:#2a69bf}.deploy-mode-chip.mode-unknown{color:#f1f5f9;background:#475569;border-color:#64748b}.monitoring-shell{background:radial-gradient(1200px 500px at 10% -15%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 65%),radial-gradient(900px 420px at 95% 0%,color-mix(in srgb,var(--ok) 14%,transparent),transparent 70%),var(--app-bg)}.monitoring-topbar{border-bottom:1px solid color-mix(in srgb,var(--border) 70%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.monitoring-title-wrap h1{font-size:1.1rem;letter-spacing:.01em}.monitoring-title-wrap p{color:var(--text-soft);font-size:.78rem}.dashboard-main{display:grid;align-content:start;gap:14px;padding:16px;flex:1;overflow:auto}.monitoring-hero{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);border-radius:14px;padding:14px 18px;background:color-mix(in srgb,var(--surface-2) 88%,transparent)}.overall-pill{display:inline-flex;align-items:center;gap:9px;border-radius:999px;padding:9px 16px;font-size:.95rem;font-weight:600}.overall-operational{color:#e8fff3;background:linear-gradient(135deg,#157f49,#1f9d5a)}.overall-degraded{color:#fff2ef;background:linear-gradient(135deg,#9d3a3a,#bf4545)}.monitoring-updated{color:var(--text-soft);font-size:.85rem}.status-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:12px}.kpi-card{border:1px solid color-mix(in srgb,var(--border) 72%,transparent);border-radius:14px;padding:16px;min-height:110px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:14px;background:linear-gradient(160deg,color-mix(in srgb,var(--surface) 88%,transparent),color-mix(in srgb,var(--surface-2) 94%,transparent))}.kpi-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center}.kpi-icon.total{background:color-mix(in srgb,var(--accent) 30%,transparent)}.kpi-icon.running{background:color-mix(in srgb,#2a86ff 34%,transparent)}.kpi-icon.success{background:color-mix(in srgb,var(--ok) 38%,transparent)}.kpi-icon.waiting{background:color-mix(in srgb,#b0700f 38%,transparent)}.kpi-icon.failed{background:color-mix(in srgb,var(--danger) 32%,transparent)}.kpi-label{font-size:.85rem;color:var(--text-soft);margin-bottom:4px}.kpi-card h3{font-size:1.6rem;letter-spacing:.02em}.dashboard-summary{border:1px solid var(--border);border-radius:6px;padding:6px 10px;background:var(--surface-2);display:flex;gap:14px;flex-wrap:wrap;font-size:.72rem}.status-running{color:#58a6ff}.status-success{color:var(--ok)}.status-failed{color:var(--danger)}.workflow-table{display:grid;align-content:start;container-type:inline-size;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);border-radius:14px;background:color-mix(in srgb,var(--surface-2) 92%,transparent);overflow:auto;min-height:340px;max-height:calc(100vh - 260px)}.workflow-table-head{display:grid;grid-template-columns:minmax(190px,1.4fr) minmax(100px,.6fr) minmax(120px,.7fr) minmax(150px,.7fr) minmax(400px,560px) minmax(300px,1fr);gap:8px;align-items:center;padding:10px 12px;border-bottom:1px solid color-mix(in srgb,var(--border) 75%,transparent);background:color-mix(in srgb,var(--surface) 82%,transparent);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-soft);position:sticky;top:0;z-index:1}.workflow-table-row{display:grid;grid-template-columns:minmax(190px,1.4fr) minmax(100px,.6fr) minmax(120px,.7fr) minmax(150px,.7fr) minmax(400px,560px) minmax(300px,1fr);gap:8px;align-items:center;min-height:72px;padding:16px 12px;border-bottom:1px solid color-mix(in srgb,var(--border) 65%,transparent);font-size:.85rem}.workflow-table-row:last-child{border-bottom:0}.workflow-table-row:hover{background:color-mix(in srgb,var(--accent) 12%,transparent)}.workflow-col{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.name-col h3{font-size:1.08rem;font-weight:700;margin:0}.workflow-subtle{color:var(--text-soft);font-size:.75rem;margin-top:2px}.time-col,.uuid-col{color:var(--text-soft)}.status-col,.deploy-col,.time-col{text-align:center}.workflow-table-head span:nth-child(2),.workflow-table-head span:nth-child(3),.workflow-table-head span:nth-child(4),.workflow-table-head span:nth-child(5),.workflow-table-head span:nth-child(6){text-align:center}.uuid-col{min-width:0;overflow:visible}.status-chip{border-radius:999px;font-size:.72rem;padding:4px 10px;color:#fff;display:inline-flex;align-items:center;letter-spacing:.04em}.deploy-chip{border-radius:999px;font-size:.72rem;padding:4px 10px;color:#fff;display:inline-flex;align-items:center;letter-spacing:.04em;transition:all .2s ease;font-weight:500;text-transform:uppercase}.deploy-chip:hover{transform:scale(1.05);box-shadow:0 2px 8px #00000026}.deploy-deployed{background:#169249}.deploy-not-deployed{background:#c7303e}.deploy-unknown{background:#64748b}.status-chip{border-radius:999px;font-size:.72rem;padding:4px 10px;color:#fff;display:inline-flex;align-items:center;letter-spacing:.04em;transition:all .2s ease;font-weight:500}.status-chip:hover{transform:scale(1.05);box-shadow:0 2px 8px #00000026}.status-running{background:#0f76de;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.status-success{background:#169249}.status-failed{background:#c7303e}.status-waiting{background:#b0700f}.status-stopped{background:#64748b}.owner-badge{display:inline-block;background:color-mix(in srgb,var(--accent) 20%,transparent);color:var(--accent-2);padding:3px 8px;border-radius:4px;font-size:.75rem;font-weight:500;border:1px solid color-mix(in srgb,var(--accent-2) 30%,transparent)}.time-badge{display:inline-block;background:color-mix(in srgb,var(--text-soft) 15%,transparent);padding:4px 10px;border-radius:4px;font-size:.7rem;color:var(--text-soft);font-weight:500}.uuid-display{display:flex;align-items:center;gap:6px;width:fit-content;max-width:100%;margin-inline:auto;background:color-mix(in srgb,var(--surface) 88%,transparent);padding:4px 8px;border-radius:6px;border:1px solid var(--border);font-family:var(--mono);flex-wrap:nowrap}.uuid-display code{font-size:.9rem;color:var(--text-main);letter-spacing:.02em;overflow-wrap:break-word;word-break:break-all;margin-right:10px}.btn-copy{background:none;border:none;cursor:pointer;padding:2px 4px;font-size:.9rem;display:flex;align-items:center;justify-content:center;border-radius:3px;transition:all .2s ease;flex-shrink:0}.btn-copy svg{display:block}.btn-copy:hover{background:color-mix(in srgb,var(--accent-2) 20%,transparent);transform:scale(1.15)}.btn-copy:active{transform:scale(.95)}.status-unknown{background:#64748b}.workflow-actions{display:flex;gap:8px;flex-wrap:nowrap;justify-content:center}.workflow-actions .btn-mini{min-width:92px;justify-content:center}@container (max-width: 1450px){.workflow-table-head,.workflow-table-row{grid-template-columns:minmax(160px,1.2fr) minmax(95px,.6fr) minmax(105px,.6fr) minmax(125px,.6fr) minmax(390px,1fr) minmax(240px,.9fr)}.workflow-actions{gap:5px}.dashboard-shell .workflow-actions .btn-mini{min-width:0;padding:5px 9px;font-size:.7rem}}.metrics-panel{border:1px solid color-mix(in srgb,var(--border) 70%,transparent);border-radius:14px;background:color-mix(in srgb,var(--surface-2) 92%,transparent);padding:12px;display:grid;gap:10px}.metrics-panel-head h3{font-size:1rem}.metrics-panel-head p{margin-top:3px;color:var(--text-soft);font-size:.82rem;word-break:break-all}.metrics-view-switch{display:flex;gap:6px;flex-wrap:wrap}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:8px}.metrics-item{border:1px solid color-mix(in srgb,var(--border) 68%,transparent);border-radius:10px;padding:8px;display:grid;gap:4px;background:color-mix(in srgb,var(--surface) 88%,transparent)}.metrics-item span{color:var(--text-soft);font-size:.68rem;letter-spacing:.03em;text-transform:uppercase}.metrics-item strong{font-size:.84rem;line-height:1.2;word-break:break-all}.metrics-raw-json{margin:0;padding:12px;border-radius:10px;border:1px solid color-mix(in srgb,var(--border) 68%,transparent);background:var(--console-bg);color:var(--text-main);font-family:var(--mono);font-size:.72rem;line-height:1.5;max-height:360px;overflow:auto;white-space:pre-wrap;word-break:break-word}.metrics-chart-grid{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:10px}.metrics-plot-shell{display:grid;gap:12px}.metrics-plot{width:100%;height:auto;max-height:250px;border:1px solid color-mix(in srgb,var(--border) 68%,transparent);border-radius:12px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 94%,transparent),color-mix(in srgb,var(--surface-2) 88%,transparent))}.metrics-axis{stroke:color-mix(in srgb,var(--text-soft) 55%,transparent);stroke-width:1.2}.metrics-grid-line{stroke:color-mix(in srgb,var(--text-soft) 16%,transparent);stroke-width:1;stroke-dasharray:3 5}.metrics-axis-label{fill:var(--text-soft);font-size:11px}.metrics-axis-y-label{text-anchor:end}.metrics-point-label{fill:var(--text-main);font-size:11px;font-weight:600;paint-order:stroke;stroke:var(--surface-2);stroke-width:3px;stroke-linejoin:round}.metrics-legend{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:6px}.metrics-legend-item{display:flex;align-items:center;gap:8px;border:1px solid color-mix(in srgb,var(--border) 68%,transparent);border-radius:10px;padding:6px 8px;background:color-mix(in srgb,var(--surface) 88%,transparent);font-size:.72rem}.metrics-legend-item span{color:var(--text-soft)}.metrics-legend-item strong{margin-left:auto;font-size:.72rem}.metrics-legend-swatch{width:12px;height:12px;border-radius:999px;flex-shrink:0}.metrics-chart-card{border:1px solid color-mix(in srgb,var(--border) 68%,transparent);border-radius:10px;padding:10px;background:color-mix(in srgb,var(--surface) 88%,transparent);display:grid;gap:8px}.metrics-chart-topline{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:.78rem}.metrics-chart-topline span{color:var(--text-soft);text-transform:uppercase;letter-spacing:.03em}.metrics-chart-topline strong{font-size:.78rem;word-break:break-all}.metrics-chart-track{height:10px;border-radius:999px;background:color-mix(in srgb,var(--border) 35%,transparent);overflow:hidden}.metrics-chart-bar{height:100%;border-radius:inherit}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auto-refresh-controls{display:flex;align-items:center;gap:12px;padding:9px 14px;background:color-mix(in srgb,var(--surface) 88%,transparent);border:1px solid var(--border);border-radius:8px;font-size:.92rem}.dashboard-shell .auto-refresh-controls .refresh-now-btn{font-size:.85rem;padding:6px 14px}.auto-refresh-controls .refresh-now-btn{margin-left:auto}.auto-refresh-controls label{display:flex;align-items:center;gap:6px;cursor:pointer;-webkit-user-select:none;user-select:none}.auto-refresh-controls input[type=checkbox]{cursor:pointer;width:18px;height:18px}.auto-refresh-controls select{padding:5px 10px;border:1px solid var(--border);border-radius:4px;background:var(--surface-2);cursor:pointer;min-width:80px}.auto-refresh-controls select:disabled{opacity:.5;cursor:not-allowed}.kpi-icon.deployed{color:#fbbf24}.dashboard-shell .btn-mini{font-size:.74rem;padding:6px 12px}.dashboard-shell .statusbar{min-height:28px;font-size:.72rem;gap:10px;padding:4px 12px}@media (max-width: 1200px){.ide-workbench{grid-template-columns:42px 240px 1fr}.ide-workbench.sidebar-hidden{grid-template-columns:42px 1fr}.settings-grid{grid-template-columns:1fr 1fr}}@media (max-width: 980px){.ide-workbench{grid-template-columns:1fr}.activity-bar{display:none}.sidebar{min-height:280px}.editor-stack{min-height:65vh}.stat-grid{grid-template-columns:repeat(2,1fr)}.status-kpi-grid{grid-template-columns:repeat(2,minmax(140px,1fr))}.monitoring-hero{flex-direction:column;align-items:flex-start}.workflow-table-head{display:none}.metrics-grid{grid-template-columns:repeat(2,minmax(120px,1fr))}.metrics-chart-grid{grid-template-columns:1fr}.workflow-table-row{grid-template-columns:1fr;gap:4px}.workflow-col{white-space:normal}.workflow-actions{justify-content:flex-start;flex-wrap:wrap}.wizard-layout{grid-template-columns:1fr}.wizard-sections{max-height:none}}@media (max-width: 720px){.toolbar{width:100%;justify-content:flex-start}.ide-topbar,.topbar{flex-direction:column;align-items:flex-start}.inspector-add,.inspector-row,.settings-grid,.stat-grid{grid-template-columns:1fr}.dashboard-main{padding:10px}.status-kpi-grid,.metrics-grid{grid-template-columns:1fr}.metrics-view-switch{width:100%}}