@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@600;700&display=swap";:root{color-scheme:dark;font-family:Manrope,sans-serif;background:#090c10;color:#eef2f5;font-synthesis:none;--panel: #11161d;--line: #252d37;--muted: #7d8997;--lime: #b7f34b;--blue: #35b7ff;--amber: #ffb84d;--red: #ff6474}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#090c10;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:34px 34px}button{font:inherit}.shell{max-width:1640px;margin:0 auto;padding:0 28px 40px}.topbar{height:74px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand-lockup{display:flex;align-items:center;gap:12px}.brand-mark{width:46px;height:46px;border-radius:8px}.brand-mark img{width:100%;height:100%;display:block;object-fit:cover;transform:scale(2.7)}.brand-lockup>div:last-child{display:grid;line-height:1;gap:5px}.brand-lockup strong{font-family:Space Grotesk,Manrope,sans-serif;font-size:16px;font-weight:700;letter-spacing:.12em;line-height:.9}.brand-lockup span,.environment{font:500 9px DM Mono;letter-spacing:.16em;color:var(--muted)}.brand-lockup span{letter-spacing:.2em}.topbar-meta{display:flex;align-items:center;gap:18px}.connection{font:500 10px DM Mono;letter-spacing:.08em;display:flex;align-items:center;gap:8px}.connection i{width:7px;height:7px;border-radius:50%;background:var(--red);box-shadow:0 0 12px var(--red)}.connection.online i{background:var(--lime);box-shadow:0 0 12px var(--lime)}.button{border:0;cursor:pointer;color:#eef2f5;padding:11px 16px;font-weight:700;font-size:12px;transition:.2s}.button:disabled{opacity:.45;cursor:wait}.button.primary{background:var(--lime);color:#10140b;padding:14px 20px}.button.primary:hover{box-shadow:0 0 28px #b7f34b33;transform:translateY(-1px)}.button.danger{background:var(--red);color:#16080a}.button.ghost{border:1px solid var(--line);background:transparent}.error-banner{display:flex;padding:12px 16px;background:#ff64741f;border:1px solid rgba(255,100,116,.35);gap:12px;margin-top:18px;font-size:12px}.error-banner strong{color:var(--red)}.error-banner span{flex:1}.error-banner button{background:none;border:0;color:#fff;cursor:pointer}.mission-strip{display:flex;justify-content:space-between;align-items:end;padding:44px 0 28px}.eyebrow,.field-label{font:500 10px DM Mono;letter-spacing:.15em;color:var(--lime)}h1{font-size:clamp(30px,4vw,54px);letter-spacing:-.05em;margin:7px 0 6px;line-height:1}h1 em{font-style:normal;color:#76818e;font-weight:500}.mission-strip p{color:var(--muted);margin:0;font-size:14px}.panel{background:#11161df5;border:1px solid var(--line);min-width:0}.panel-header{padding:17px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.panel-header span{color:var(--muted);font:500 9px DM Mono;letter-spacing:.14em}.panel-header h2{margin:4px 0 0;font-size:15px}.badge{font:500 9px DM Mono;letter-spacing:.1em;border:1px solid var(--line);padding:6px 8px;color:var(--muted)}.badge.good{color:var(--lime);border-color:#b7f34b59;background:#b7f34b0f}.badge.warn{color:var(--amber);border-color:#ffb84d59}.badge.neutral{color:#a9b3bd}.status-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(330px,.75fr);gap:14px}.traffic-hero{padding:25px 24px 22px;display:grid;grid-template-columns:110px 1fr 110px;align-items:center;gap:16px}.traffic-hero>div:not(.traffic-track){display:grid}.traffic-hero .right{text-align:right}.traffic-hero span{color:var(--muted);font:500 9px DM Mono}.traffic-hero strong{font-size:30px;letter-spacing:-.05em}.traffic-track{height:16px;display:flex;background:#202733;padding:3px;gap:3px}.stable-fill{background:var(--blue);transition:width .5s}.canary-fill{background:var(--lime);transition:width .5s}.stage-line{padding:18px 24px 22px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;border-top:1px solid var(--line)}.stage{display:flex;gap:10px;position:relative;opacity:.42}.stage:after{content:"";position:absolute;top:12px;left:27px;right:-6px;border-top:1px dashed #46505c}.stage:last-child:after{display:none}.stage i{width:25px;height:25px;flex:0 0 auto;border-radius:50%;border:1px solid #53606d;display:grid;place-items:center;font:500 9px DM Mono;z-index:1;background:var(--panel)}.stage div{display:grid;z-index:1;background:var(--panel);padding-right:8px}.stage strong{font-size:10px}.stage span{font-size:9px;color:var(--muted)}.stage.done,.stage.active{opacity:1}.stage.done i{background:var(--blue);color:#06131b;border-color:var(--blue)}.stage.active i{background:var(--lime);color:#10140b;border-color:var(--lime);box-shadow:0 0 18px #b7f34b4d}.control-row{margin:20px;padding-bottom:18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.control-row>div{display:grid;gap:3px}.control-row strong{font-size:16px}.control-row small{color:var(--muted);font-size:10px}.toggle{width:47px;height:26px;border-radius:20px;border:1px solid #414b56;background:#20262e;padding:3px;cursor:pointer}.toggle i{display:block;width:18px;height:18px;border-radius:50%;background:#73808d;transition:.2s}.toggle.on{border-color:var(--lime);background:#b7f34b1f}.toggle.on i{transform:translate(20px);background:var(--lime)}.preset-grid{padding:0 20px 20px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.preset{color:#dce2e7;background:#151b23;border:1px solid var(--line);padding:11px;display:flex;text-align:left;align-items:center;gap:9px;cursor:pointer}.preset:hover,.preset.active{border-color:#566370;background:#1a222c}.preset.active{border-color:var(--lime)}.preset i{width:8px;height:8px;border-radius:50%;background:#56616d}.preset.active i{background:var(--lime);box-shadow:0 0 10px var(--lime)}.preset span{display:grid}.preset strong{font-size:10px}.preset small{color:var(--muted);font-size:8px;margin-top:2px}.metric-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:14px 0}.metric-card{border:1px solid var(--line);background:#10151b;padding:16px 18px;display:grid;position:relative;overflow:hidden}.metric-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:currentColor}.metric-card>span{color:var(--muted);font:500 9px DM Mono;text-transform:uppercase}.metric-card strong{font-size:25px;margin:6px 0 2px;color:#eef2f5}.metric-card small{color:var(--muted);font-size:9px}.metric-card.blue{color:var(--blue)}.metric-card.lime{color:var(--lime)}.metric-card.red{color:var(--red)}.metric-card.amber{color:var(--amber)}.analytics-grid{display:grid;grid-template-columns:1fr 1fr .7fr;gap:14px}.chart-panel,.decision-panel{min-height:335px}.chart{height:250px;padding:18px 12px 6px 2px;position:relative}.legend{position:absolute;top:8px;right:14px;display:flex;gap:12px;font:9px DM Mono;color:var(--muted)}.legend span{display:flex;gap:5px;align-items:center}.legend i{width:12px;height:2px}.legend .stable{background:var(--blue)}.legend .canary{background:var(--lime)}.decision-panel{text-align:center}.decision-orb{width:74px;height:74px;border:1px solid rgba(183,243,75,.35);border-radius:50%;display:grid;place-items:center;margin:35px auto 18px;box-shadow:inset 0 0 30px #b7f34b12}.decision-orb span{width:48px;height:48px;background:var(--lime);color:#12180a;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:22px}.decision-panel h3{margin:0;font-size:20px}.decision-panel p{color:var(--muted);font-size:11px;line-height:1.6;max-width:280px;margin:8px auto;padding:0 16px}.lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.event-list,.history-list{height:295px;overflow:auto}.event-item{display:grid;grid-template-columns:8px 75px 1fr;gap:10px;padding:12px 20px;border-bottom:1px solid #1d242d;align-items:start}.event-item>i{width:6px;height:6px;border-radius:50%;background:var(--blue);margin-top:4px}.event-item>i.alert{background:var(--amber)}.event-item time,.history-detail time{color:#586472;font:9px DM Mono}.event-item div{display:grid;gap:3px}.event-item strong{font-size:10px;text-transform:uppercase}.event-item span{color:var(--muted);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-panel{display:grid;grid-template-columns:1fr .85fr;grid-template-rows:auto 1fr}.history-panel .panel-header{grid-column:1/-1}.history-list button{width:100%;border:0;border-bottom:1px solid #1d242d;background:transparent;color:#fff;padding:12px 16px;display:grid;grid-template-columns:8px 1fr auto 10px;text-align:left;gap:10px;align-items:center;cursor:pointer}.history-list button:hover,.history-list button.selected{background:#171e27}.history-list button div{display:grid}.history-list strong{font-size:10px}.history-list span{font-size:9px;color:var(--muted)}.history-list code{color:#7d8997;font:9px DM Mono}.status-dot{width:7px;height:7px;border-radius:50%;background:#657181}.status-dot.good{background:var(--lime)}.status-dot.warn{background:var(--amber)}.history-detail{border-left:1px solid var(--line);height:295px;overflow:auto;padding:16px}.history-detail>span{font:9px DM Mono;color:var(--muted);letter-spacing:.1em}.history-detail>div{display:grid;grid-template-columns:58px 1fr;gap:8px;padding:12px 0;border-bottom:1px solid #1e252e}.history-detail p{margin:0;color:var(--muted);font-size:9px;display:grid;gap:3px}.history-detail strong{color:#e2e7eb;font-size:9px}.topology-panel{margin-top:14px}.topology{padding:22px;display:flex;align-items:center;gap:22px}.private-nodes{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;flex:1}.topology-node{border:1px solid var(--line);background:#151a21;padding:13px;display:flex;align-items:center;gap:10px;min-width:0}.topology-node.public{border-color:#b7f34b66;min-width:220px}.topology-node>i{color:var(--lime);font-style:normal}.topology-node div{display:grid;min-width:0}.topology-node strong{font-size:10px}.topology-node span{color:var(--muted);font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.connector{color:#596574}.empty{min-height:180px;display:grid;place-content:center;text-align:center;color:#586472;padding:20px}.empty>span{font-size:30px}.empty p{max-width:260px;font-size:10px;line-height:1.5}.empty-inline{grid-column:1/-1;color:var(--muted);font-size:11px}.chart .empty{height:100%}footer{display:flex;justify-content:space-between;padding:25px 2px 0;color:#505b68;font:9px DM Mono;letter-spacing:.08em}@media(max-width:1180px){.status-grid,.analytics-grid{grid-template-columns:1fr 1fr}.status-panel{grid-column:1/-1}.metric-grid,.private-nodes{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.shell{padding:0 14px 28px}.topbar{height:auto;padding:16px 0}.environment{display:none}.mission-strip{align-items:flex-start;gap:20px}.status-grid,.analytics-grid,.lower-grid{grid-template-columns:1fr}.traffic-hero{grid-template-columns:75px 1fr 75px;gap:8px}.traffic-hero strong{font-size:23px}.stage-line{grid-template-columns:1fr 1fr}.stage:nth-child(2):after{display:none}.metric-grid{grid-template-columns:1fr 1fr}.history-panel{grid-template-columns:1fr}.history-panel .panel-header{grid-column:auto}.history-detail{border-left:0;border-top:1px solid var(--line)}.topology{align-items:stretch;flex-direction:column}.connector{transform:rotate(90deg);align-self:center}.private-nodes{grid-template-columns:1fr 1fr;width:100%}.topology-node.public{min-width:0}.topbar-meta{gap:8px}.connection{font-size:0}.mission-strip p{display:none}}