:root{color:#e7ebf4;font-synthesis:none;text-rendering:optimizelegibility;--bg:#070a11;--surface:#0d121d;--surface-2:#111827;--surface-3:#151e2f;--line:#232d42;--line-soft:#182033;--text:#e7ebf4;--muted:#8490a7;--faint:#566178;--blue:#718cff;--cyan:#57c9f5;--amber:#f2b85d;--red:#ff6878;--violet:#a08bff;background:#070a11;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{background-color:var(--bg);background-image:linear-gradient(#708cff06 1px,#0000 1px),linear-gradient(90deg,#708cff06 1px,#0000 1px);background-size:34px 34px;min-height:100vh;overflow:hidden}button,input{font:inherit}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.shell{min-height:100vh}.sidebar{z-index:20;border-right:1px solid var(--line-soft);background:#080c14;flex-direction:column;width:232px;display:flex;position:fixed;inset:0 auto 0 0}.brand{border-bottom:1px solid var(--line-soft);align-items:center;gap:11px;height:74px;padding:0 16px;display:flex}.brand-mark{background:#10182a;border:1px solid #344c7b;border-radius:7px;justify-content:center;align-items:end;gap:2px;width:36px;height:36px;padding:8px;display:flex;box-shadow:inset 0 0 0 1px #718cff0d}.brand-mark i{background:var(--blue);border-radius:1px 1px 0 0;width:3px;display:block}.brand-mark i:first-child{opacity:.55;height:7px}.brand-mark i:nth-child(2){opacity:.75;height:13px}.brand-mark i:nth-child(3){height:19px}.brand-mark i:nth-child(4){background:var(--amber);height:11px}.brand>div{gap:2px;display:grid}.brand strong{font-size:14px}.brand span{color:#65718a;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:8px}.nav-label{color:#515d75;margin:18px 18px 5px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:8px}.sidebar nav{gap:3px;padding:0 10px;display:grid}.sidebar nav button{color:#758198;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;grid-template-columns:20px 1fr auto;align-items:center;gap:8px;min-height:40px;padding:0 10px;display:grid;position:relative}.sidebar nav button:hover{color:#dbe1ee;background:#101725}.sidebar nav button.active{color:#e8ecf5;box-shadow:inset 2px 0 var(--blue);background:#151d2d}.sidebar nav button span{font-size:11px;font-weight:700}.sidebar nav button i{background:var(--red);border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px #ff687873}.side-rule{background:var(--line-soft);height:1px;margin:18px 17px 0}.cluster-tree{gap:3px;padding:0 10px;display:grid}.cluster-tree>div{color:#68748b;grid-template-columns:17px 1fr auto;align-items:center;gap:8px;min-height:34px;padding:0 9px;display:grid}.cluster-tree>div:nth-child(n+2){padding-left:20px}.cluster-tree svg{width:14px}.cluster-tree span{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.cluster-tree small{color:#546078;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:7px}.cluster-tree small.danger{color:var(--red)}.autonomy-card{color:var(--blue);background:#0e1627;border:1px solid #33446e;border-radius:7px;align-items:center;gap:9px;margin:auto 11px 8px;padding:12px;display:flex}.autonomy-card div{flex:1;gap:2px;display:grid}.autonomy-card strong{color:#bac5df;font-size:9px}.autonomy-card span{color:#65718c;font-size:8px}.autonomy-card>i{background:var(--cyan);border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px #57c9f573}.repo{color:#69758d;border-radius:6px;grid-template-columns:16px 1fr 13px;align-items:center;gap:8px;height:42px;margin:0 11px 12px;padding:0 11px;font-size:10px;font-weight:700;text-decoration:none;display:grid}.repo:hover{color:#dbe1ed;background:#101725}.workspace{min-height:100vh;margin-left:232px}.topbar{border-bottom:1px solid var(--line-soft);background:#080c14f5;justify-content:space-between;align-items:center;height:74px;padding:0 22px;display:flex}.crumb{color:#5f6b82;align-items:center;gap:8px;font-size:10px;display:flex}.crumb strong{color:#b7c0d2}.top-actions{align-items:center;gap:8px;display:flex}.top-actions>button,.demo-badge,.cluster-state{border-radius:6px;justify-content:center;align-items:center;gap:7px;min-height:34px;padding:0 10px;font-size:9px;font-weight:750;display:inline-flex}.top-actions>button{border:1px solid var(--line);color:#8490a5;cursor:pointer;background:#101622}.top-actions>button:hover{color:#e0e5ef;border-color:#3b4967}.top-actions>button:nth-of-type(2){width:34px;padding:0}.demo-badge{color:#90a4e8;background:#10182a;border:1px solid #35466e}.cluster-state{color:#9aa5ba;background:#101622;border:1px solid #32405d}.cluster-state i,.live-chip i,.status i{background:currentColor;border-radius:50%;width:6px;height:6px}.cluster-state.red{color:var(--red);background:#211219;border-color:#63313d}.cluster-state.amber{color:var(--amber);background:#211a10;border-color:#624c2c}.cluster-state.cyan{color:var(--cyan);background:#0d1b23;border-color:#31556b}.page{scrollbar-color:#303b54 transparent;scrollbar-width:thin;height:calc(100vh - 74px);padding:30px clamp(22px,3.6vw,52px) 60px;overflow-y:auto}.page-head{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;display:flex}.page-head p,.panel-head p{color:#718cff;margin:0 0 7px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:8px;font-weight:700}.page-head h1{color:#f0f3f8;letter-spacing:0;margin:0;font-size:clamp(27px,3vw,43px);line-height:1.05}.page-head>div>span{color:#77839a;max-width:690px;margin-top:11px;font-size:11px;line-height:1.55;display:block}.page-actions{flex-shrink:0;align-items:center;display:flex}.primary,.warning,.secondary,.working{border-radius:6px;align-items:center;gap:8px;min-height:39px;padding:0 14px;font-size:9px;font-weight:800;display:inline-flex}.primary{border:1px solid var(--blue);color:#070b13;background:var(--blue);cursor:pointer}.warning{border:1px solid var(--amber);color:#141007;background:var(--amber);cursor:pointer}.secondary{color:#a0abc0;cursor:pointer;background:#111825;border:1px solid #35415b}.working{color:var(--cyan);background:#0d1b24;border:1px solid #31556b}.working svg{animation:.8s linear infinite spin}.metric-row{grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:11px;display:grid}.metric{border:1px solid var(--line);background:var(--surface);border-radius:7px;min-height:112px;padding:17px;display:grid;position:relative;overflow:hidden}.metric svg{color:#4d5b79;position:absolute;top:17px;right:17px}.metric>span{color:#69758b;text-transform:uppercase;font-size:8px}.metric strong{color:#e7ebf3;align-self:end;font-size:24px;line-height:1}.metric small{color:#566279;margin-top:5px;font-size:8px}.metric:after{background:var(--blue);content:"";height:2px;position:absolute;inset:auto 0 0}.metric.red:after{background:var(--red)}.metric.amber:after{background:var(--amber)}.metric.violet:after{background:var(--violet)}.metric.red strong{color:var(--red)}.command-grid{grid-template-columns:minmax(0,1.18fr) minmax(380px,.82fr);gap:11px;display:grid}.panel{border:1px solid var(--line);background:var(--surface);border-radius:7px;min-width:0;overflow:hidden}.panel-head{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;min-height:66px;padding:0 18px;display:flex}.panel-head h2{color:#dce2ed;letter-spacing:0;margin:0;font-size:13px}.panel-head>svg{color:#5b6984}.live-chip,.severity,.path-state{color:#8493b0;text-transform:uppercase;background:#111827;border:1px solid #35425f;border-radius:5px;align-items:center;gap:6px;min-height:24px;padding:0 8px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:7px;display:inline-flex}.live-chip.red{color:var(--red);background:#211219;border-color:#62313c}.live-chip.amber{color:var(--amber);background:#211a10;border-color:#614d2c}.live-chip.cyan{color:var(--cyan);background:#0d1b24;border-color:#31576b}.severity{color:var(--red);background:#211219;border-color:#61313b}.severity.clear{color:#92a0bb;background:#111827;border-color:#35425e}.chart-panel{min-height:348px}.chart{height:225px;padding:20px 18px 25px 48px;position:relative}.chart-y{color:#4f5b73;flex-direction:column;justify-content:space-between;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:7px;display:flex;position:absolute;top:20px;bottom:27px;left:14px}.chart svg{background-image:linear-gradient(#63749914 1px,#0000 1px),linear-gradient(90deg,#6374990f 1px,#0000 1px);background-size:100% 25%,16.66% 100%;border-bottom:1px solid #1d2638;width:100%;height:100%;overflow:visible}.chart .threshold{stroke:var(--amber);stroke-width:1px;stroke-dasharray:7 6;opacity:.75}.usage-line,.danger-line{fill:none;stroke:var(--blue);stroke-width:3px;vector-effect:non-scaling-stroke}.danger-line{stroke:var(--red)}.usage-point{fill:var(--cyan);stroke:#0d121d;stroke-width:3px}.danger-point{fill:var(--red);stroke:#0d121d;stroke-width:3px}.chart-x{color:#48546b;justify-content:space-between;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:7px;display:flex;position:absolute;bottom:5px;left:48px;right:18px}.chart-foot{color:#657189;align-items:center;gap:16px;padding:0 18px 16px;font-size:8px;display:flex}.chart-foot>span{align-items:center;gap:5px;display:inline-flex}.chart-foot i{background:var(--blue);width:8px;height:2px}.chart-foot .threshold-dot{background:var(--amber)}.chart-foot strong{color:#dce2ed;margin-left:auto;font-size:17px}.chart-foot small{color:#69758c;font-size:8px}.incident-panel{grid-row:span 2}.timeline{padding:12px 18px 17px}.timeline-item{grid-template-columns:29px minmax(0,1fr) auto;gap:10px;min-height:57px;display:grid;position:relative}.timeline-item:not(:last-child):after{content:"";background:#29334a;width:1px;position:absolute;top:26px;bottom:-3px;left:13px}.timeline-item>span{z-index:1;color:#59657e;background:#111722;border:1px solid #303a52;border-radius:5px;place-items:center;width:27px;height:27px;display:grid;position:relative}.timeline-item.done>span{color:var(--cyan);background:#0d1b24;border-color:#30566b}.timeline-item.active>span{color:var(--amber);background:#241c10;border-color:#65512f;animation:1s infinite pulse;box-shadow:0 0 18px #f2b85d14}.timeline-item>div{align-content:start;gap:4px;padding-top:2px;display:grid}.timeline-item strong{color:#aeb7c9;font-size:9px}.timeline-item small{color:#5f6b83;font-size:8px;line-height:1.35}.timeline-item.pending strong{color:#616c83}.timeline-item time{color:#4e5a71;padding-top:5px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:7px}.terminal-panel{min-height:282px}.terminal-bar{background:#090d15;border-bottom:1px solid #182033;align-items:center;gap:6px;min-height:34px;padding:0 14px;display:flex}.terminal-bar>span{background:#4b556b;border-radius:50%;width:6px;height:6px}.terminal-bar>span:first-child{background:var(--red)}.terminal-bar>span:nth-child(2){background:var(--amber)}.terminal-bar>span:nth-child(3){background:var(--blue)}.terminal-bar small{color:#4f5c74;margin-left:auto;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:7px}.terminal-panel pre{color:#7f8ba2;background:#0a0e16;gap:9px;margin:0;padding:17px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:8px;line-height:1.45;display:grid;overflow-x:auto}.terminal-panel code{white-space:pre}.terminal-panel code.error{color:#f07987}.terminal-panel code.agent{color:#8fa3ec}.workload-panel{min-height:282px}.icon-button{border:1px solid var(--line);color:#69758e;cursor:pointer;background:#111722;border-radius:5px;place-items:center;width:30px;height:30px;padding:0;display:grid}.workload-table{padding:0 17px}.table-head,.workload{grid-template-columns:minmax(160px,1.5fr) .5fr .5fr .8fr;align-items:center;column-gap:10px;display:grid}.table-head{color:#4f5b72;min-height:34px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:7px}.workload{border-top:1px solid var(--line-soft);color:#7d899e;min-height:51px;font-size:8px}.workload>span:first-child{color:#aab4c7;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:7px;display:flex;overflow:hidden}.status{color:#8b99b3;align-items:center;gap:5px;display:inline-flex}.status.red{color:var(--red)}.status.amber{color:var(--amber)}.status.cyan{color:var(--cyan)}.topology-page,.policies-page{max-width:1420px}.path-state{flex-shrink:0}.path-state.active{color:var(--cyan);background:#0d1b24;border-color:#31556c}.topology-canvas{border:1px solid var(--line);background-color:#0b101a;background-image:linear-gradient(#718cff09 1px,#0000 1px),linear-gradient(90deg,#718cff09 1px,#0000 1px);background-size:26px 26px;border-radius:7px;grid-template-columns:minmax(290px,1.2fr) 110px minmax(210px,.72fr) 110px minmax(290px,1.2fr);align-items:center;gap:10px;min-height:500px;padding:28px;display:grid}.zone{background:#0d121deb;border:1px solid #29344d;border-radius:7px;gap:12px;min-width:0;padding:18px;display:grid}.zone-label{color:#5d6b88;align-items:center;gap:7px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:7px;display:flex}.orchestrator-zone{background:#111329;border-color:#3d4370}.topology-node{background:#0e1420;border:1px solid #2a354d;border-radius:6px;grid-template-columns:42px 1fr;gap:10px;min-height:102px;padding:14px;transition:border-color .16s,box-shadow .16s;display:grid;position:relative}.topology-node.active{border-color:#4d63aa;box-shadow:inset 0 0 0 1px #718cff14}.node-icon{width:40px;height:40px;color:var(--blue);background:#121b2f;border:1px solid #34466e;border-radius:6px;place-items:center;display:grid}.topology-node>div{align-content:start;gap:3px;display:grid}.topology-node small{color:#5a6780;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:7px}.topology-node strong{color:#c9d1e0;font-size:11px}.topology-node p{color:#657188;margin:2px 0 0;font-size:8px;line-height:1.4}.topology-node em{color:#6f7d98;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:7px;font-style:normal;position:absolute;bottom:9px;right:11px}.flow-arrow{color:#4e5a73;grid-template-columns:auto 1fr 15px;align-items:center;gap:6px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:7px;display:grid}.flow-arrow i{background:#303b54;height:1px}.flow-arrow.active{color:var(--cyan)}.flow-arrow.active i{background:var(--cyan);box-shadow:0 0 10px #57c9f54d}.zone>.flow-arrow{grid-template-columns:auto 1fr 15px;padding:0 10px}.contract-grid{grid-template-columns:repeat(3,1fr);gap:11px;margin-top:11px;display:grid}.contract-grid>div{border:1px solid var(--line);background:var(--surface);border-radius:7px;grid-template-columns:32px 1fr;gap:9px;padding:18px;display:grid}.contract-grid svg{color:var(--blue)}.contract-grid strong{color:#c7d0df;font-size:10px}.contract-grid span{color:#67738a;grid-column:2;font-size:8px;line-height:1.5}.policy-grid{grid-template-columns:1fr 1fr;gap:11px;display:grid}.policy-controls,.autonomy-panel,.tools-panel,.decision-rules{min-height:380px}.policy-controls{padding-bottom:14px}.policy-slider{border-bottom:1px solid var(--line-soft);gap:9px;padding:17px 18px;display:grid}.policy-slider>div{justify-content:space-between;align-items:center;display:flex}.policy-slider strong{color:#aeb8ca;font-size:9px}.policy-slider span{color:var(--cyan);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}.policy-slider input{width:100%;accent-color:var(--blue)}.policy-slider small{color:#626e85;font-size:8px;line-height:1.45}.autonomy-panel{padding-bottom:18px}.toggle-row{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:20px;padding:18px;display:flex}.toggle-row>div{gap:4px;display:grid}.toggle-row strong,.boundary strong{color:#adb7ca;font-size:9px}.toggle-row span,.boundary span{color:#626e84;font-size:8px;line-height:1.4}.toggle{cursor:pointer;background:#151c29;border:1px solid #34405a;border-radius:11px;width:40px;height:22px;padding:0;position:relative}.toggle i{background:#6b768b;border-radius:50%;width:14px;height:14px;transition:transform .16s,background .16s;position:absolute;top:3px;left:3px}.toggle.on{background:#182443;border-color:#536bb7}.toggle.on i{background:var(--blue);transform:translate(18px)}.boundary{color:#7186cc;background:#101725;border:1px solid #27334a;border-radius:6px;grid-template-columns:24px 1fr;gap:10px;margin:14px 18px 0;padding:13px;display:grid}.boundary div{gap:3px;display:grid}.tools-panel{padding-bottom:18px}.tool-list{padding:6px 17px 0}.tool-list>div{border-bottom:1px solid var(--line-soft);grid-template-columns:31px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:55px;display:grid}.tool-list>div>span{width:29px;height:29px;color:var(--blue);background:#111a2d;border:1px solid #304063;border-radius:5px;place-items:center;display:grid}.tool-list code{color:#b5c0d3;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:8px;overflow:hidden}.tool-list small{color:#69758e;text-transform:uppercase;font-size:7px}.deny-note{color:var(--red);background:#1e1117;border:1px solid #54303b;border-radius:6px;align-items:flex-start;gap:8px;margin:14px 17px 0;padding:11px;font-size:8px;line-height:1.45;display:flex}.decision-rules{padding-bottom:16px}.rule{border-bottom:1px solid var(--line-soft);grid-template-columns:31px 1fr;gap:10px;margin:0 18px;padding:17px 0;display:grid}.rule>span{color:#8295d7;border:1px solid #37476c;border-radius:5px;place-items:center;width:29px;height:29px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:8px;display:grid}.rule strong{color:#b2bdcf;font-size:9px}.rule p{color:#626e85;margin:4px 0 0;font-size:8px;line-height:1.45}.welcome-layer{z-index:100;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.welcome-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#03050ae0;position:absolute;inset:0}.welcome{background:#070b12;border:1px solid #313d58;border-radius:8px;width:min(1030px,100%);height:min(680px,100vh - 48px);position:relative;overflow:hidden;box-shadow:0 38px 110px #000000ad}.welcome>img{object-fit:cover;object-position:center;filter:saturate(.82)contrast(1.08)brightness(.7);width:100%;height:100%;position:absolute;inset:0}.welcome-shade{background:linear-gradient(90deg,#05080efa 0%,#05080eed 44%,#05080e5c 74%,#05080e14 100%);position:absolute;inset:0}.welcome-brand{align-items:center;gap:10px;display:flex;position:absolute;top:27px;left:30px}.welcome-brand strong{font-size:13px}.welcome-brand>span{color:#ffffff7a;border-left:1px solid #ffffff2e;margin-left:5px;padding-left:14px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:8px}.welcome-copy{width:min(580px,100% - 60px);position:absolute;bottom:clamp(28px,6vh,64px);left:clamp(30px,6vw,70px)}.welcome-kicker{color:#8ea3ee;text-transform:uppercase;align-items:center;gap:7px;margin-bottom:18px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:8px;display:inline-flex}.welcome-copy h1{color:#f2f4f8;letter-spacing:0;margin:0;font-size:clamp(40px,5.2vw,65px);line-height:1}.welcome-copy>p{color:#a1aabc;max-width:570px;margin:20px 0 25px;font-size:12px;line-height:1.65}.welcome-flow{color:#8d9ab1;align-items:center;gap:9px;margin-bottom:28px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:7px;display:flex}.welcome-flow i{background:#4b5872;width:23px;height:1px}.welcome-actions{gap:9px;display:flex}.welcome-actions button{cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-size:9px;font-weight:800;display:inline-flex}.welcome-actions button:first-child{border:1px solid var(--blue);color:#070a12;background:var(--blue)}.welcome-actions button:last-child{color:#c3cad7;background:#0b0f18bd;border:1px solid #fff3}.welcome-copy>small{color:#59657b;margin-top:15px;font-size:8px;display:block}.tour-coach{z-index:90;background:#0f1522;border:1px solid #3f4d70;border-radius:8px;width:min(390px,100vw - 44px);padding:18px;position:fixed;bottom:22px;right:22px;box-shadow:0 25px 70px #0009}.tour-progress{grid-template-columns:auto 1fr auto;align-items:center;gap:11px;display:grid}.tour-progress>span{color:#7584a4;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:8px}.tour-progress>div{gap:5px;display:flex}.tour-progress i{background:#29334a;border-radius:2px;flex:1;height:3px}.tour-progress i.active{background:var(--blue)}.tour-progress button{color:#72809d;cursor:pointer;background:#151d2b;border:1px solid #303c57;border-radius:5px;place-items:center;width:27px;height:27px;padding:0;display:grid}.tour-coach>p{color:#879bef;text-transform:uppercase;margin:17px 0 6px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:8px}.tour-coach h2{color:#edf0f6;letter-spacing:0;margin:0;font-size:18px}.tour-coach>span{color:#7d899f;margin:9px 0 18px;font-size:10px;line-height:1.55;display:block}.tour-actions{justify-content:space-between;gap:9px;display:flex}.tour-actions button{cursor:pointer;border-radius:5px;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:0 12px;font-size:9px;font-weight:800;display:inline-flex}.tour-actions button:first-child{color:#76839c;background:#141a26;border:1px solid #303b54}.tour-actions button:last-child{border:1px solid var(--blue);color:#070a12;background:var(--blue)}.toast{z-index:120;color:#c8d2eb;background:#111a2c;border:1px solid #3e527e;border-radius:6px;align-items:center;gap:9px;max-width:min(450px,100vw - 44px);min-height:42px;padding:0 15px;font-size:9px;display:flex;position:fixed;bottom:22px;right:22px;box-shadow:0 18px 50px #00000080}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.55}}@media (width<=1450px){.topology-canvas{grid-template-columns:1fr;align-items:stretch}.flow-arrow.large{width:170px;margin:0 auto;transform:rotate(90deg)}.flow-arrow.large span{transform:rotate(-90deg)}.orchestrator-zone{width:min(440px,100%);margin:0 auto}}@media (width<=1180px){.command-grid{grid-template-columns:minmax(0,1fr) 360px}}@media (width<=980px){.sidebar{width:72px}.workspace{margin-left:72px}.brand{justify-content:center;padding:0}.brand>div,.nav-label,.sidebar nav span,.cluster-tree span,.cluster-tree small,.autonomy-card div,.repo span,.repo svg:last-child{display:none}.sidebar nav{padding-top:16px}.sidebar nav button{grid-template-columns:1fr;place-items:center;padding:0}.side-rule{margin-inline:13px}.cluster-tree>div,.cluster-tree>div:nth-child(n+2){grid-template-columns:1fr;place-items:center;padding:0}.autonomy-card{justify-content:center;padding:10px 0}.autonomy-card>i{display:none}.repo{grid-template-columns:1fr;place-items:center;padding:0}.metric-row{grid-template-columns:repeat(2,1fr)}.command-grid{grid-template-columns:1fr}.incident-panel{grid-row:auto}}@media (width<=760px){body{overflow:auto}.sidebar{border-top:1px solid var(--line);border-right:0;flex-direction:row;align-items:center;width:auto;height:60px;inset:auto 0 0}.brand,.side-rule,.cluster-tree,.autonomy-card,.repo{display:none}.sidebar nav{grid-template-columns:repeat(3,1fr);width:100%;padding:5px 10px;display:grid}.sidebar nav button{gap:2px;min-height:48px}.sidebar nav span{font-size:8px;display:block}.sidebar nav button i{position:absolute;top:5px;right:calc(50% - 14px)}.workspace{margin-left:0;padding-bottom:60px}.topbar{height:62px;padding:0 12px}.demo-badge,.top-actions>button span,.cluster-state{display:none}.page{height:auto;min-height:calc(100vh - 122px);padding:25px 14px 88px}.page-head{flex-direction:column;align-items:flex-start}.page-head h1{font-size:30px}.metric-row,.policy-grid,.contract-grid{grid-template-columns:1fr}.metric{min-height:100px}.command-grid{grid-template-columns:1fr}.chart{height:210px}.table-head,.workload{grid-template-columns:minmax(160px,1.4fr) .5fr .5fr .8fr;min-width:580px}.workload-table{overflow-x:auto}.topology-canvas{padding:15px}.welcome-layer{padding:10px}.welcome{height:calc(100vh - 20px)}.welcome>img{object-position:68% center;filter:saturate(.84)contrast(1.06)brightness(.76)}.welcome-shade{background:linear-gradient(#05080e29 0%,#05080eed 38%,#05080efc 100%)}.welcome-brand{top:20px;left:20px}.welcome-copy{width:calc(100% - 40px);bottom:24px;left:20px}.welcome-copy h1{font-size:clamp(35px,10vw,47px)}.welcome-copy>p{font-size:10px}.welcome-flow{gap:6px}.welcome-flow i{width:10px}.welcome-actions{display:grid}.welcome-actions button{width:100%}.tour-coach{width:auto;bottom:70px;left:10px;right:10px}.toast{justify-content:center;max-width:none;bottom:70px;left:10px;right:10px}}@media (width<=430px){.metric-row{gap:8px}.page-actions{width:100%}.page-actions button,.page-actions .working{justify-content:center;width:100%}.chart{height:190px;padding-left:42px}.chart-x{left:42px}.welcome-copy h1{font-size:34px}.welcome-flow{font-size:6px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}