.control-room{--rx:0deg;--ry:0deg;display:grid;place-items:center;isolation:isolate}.control-glow{position:absolute;inset:5% 0;background:radial-gradient(circle at 55% 50%,rgba(36,143,181,.19),transparent 55%);filter:blur(15px);z-index:-1}.control-panel{width:100%;border:1px solid #28343e;background:#090d12;color:#eaf0e8;box-shadow:0 45px 100px #080b1047;transform:perspective(1100px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .18s ease-out;animation:control-enter .9s .2s cubic-bezier(.2,.8,.2,1) both}.control-topbar{height:39px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #222c35;color:#77848d;font:600 .5rem JetBrains Mono,monospace;letter-spacing:.05em}.control-brand{color:#b9c4cb}.control-brand i{display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:var(--acid);box-shadow:0 0 11px var(--acid)}.control-body{display:grid;grid-template-columns:115px 1fr;min-height:385px}.control-sidebar{padding:20px 12px;border-right:1px solid #202a33;display:flex;flex-direction:column;gap:8px;font:500 .5rem JetBrains Mono,monospace;color:#67747f}.control-sidebar b{font-size:.48rem;color:#97a3ac;margin-bottom:12px}.control-sidebar span{padding:8px}.control-sidebar span.is-active{color:#eef4e9;background:#141c22;border-left:2px solid var(--acid)}.control-sidebar small{margin-top:auto;line-height:1.6;color:#5d6972}.control-sidebar small:before{content:"";display:inline-block;width:5px;height:5px;background:#4ac575;border-radius:50%;margin-right:5px}.control-sidebar em{font-style:normal;color:#91a099}.control-main{padding:23px;min-width:0}.control-heading{display:flex;align-items:center;justify-content:space-between}.control-heading small,.control-card small{display:block;color:#697781;font:600 .48rem JetBrains Mono,monospace;letter-spacing:.08em;margin-bottom:7px}.control-heading strong{font-size:1rem;letter-spacing:-.02em}.live-pill{padding:6px 8px;border:1px solid #234b35;color:#61cf85;font:650 .47rem JetBrains Mono,monospace}.build-track{display:grid;grid-template-columns:repeat(4,1fr);margin:26px 0 22px}.build-node{position:relative;display:flex;align-items:center;gap:6px;color:#6f7a83;font:550 .48rem JetBrains Mono,monospace}.build-node:not(:last-child):after{content:"";position:absolute;left:20px;right:3px;top:8px;height:1px;background:#26313a}.build-node i{display:grid;place-items:center;width:17px;height:17px;border:1px solid #35414b;border-radius:50%;background:#0a0f14;font-style:normal;z-index:1}.build-node.complete i{border-color:#456a37;color:var(--acid)}.build-node.active i{color:#071006;background:var(--acid);border-color:var(--acid);animation:control-pulse 2s infinite}.control-grid{display:grid;grid-template-columns:1.45fr .75fr;gap:10px}.control-card{height:145px;padding:15px;border:1px solid #202b34;background:#0d1319}.control-chart{position:relative;overflow:hidden}.control-chart>div{display:flex;justify-content:space-between}.control-chart b{font-size:.75rem;color:var(--acid)}.control-chart svg{position:absolute;inset:auto 0 0;width:100%;height:95px}.chart-fill{fill:#b9ff660f}.chart-line{fill:none;stroke:var(--acid);stroke-width:1.5;stroke-dasharray:400;stroke-dashoffset:400;animation:draw-chart 2.2s .8s ease forwards}.control-metric b{display:block;font-size:2rem;margin:20px 0}.control-metric b span{font-size:.8rem;color:#7d8992}.control-metric>div{display:flex;gap:3px}.control-metric i{height:3px;flex:1;background:var(--acid);opacity:.25}.control-metric i:nth-child(-n+7){opacity:1}.deploy-log{height:37px;margin-top:10px;padding:0 11px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;border:1px solid #202b34;background:#0d1319;font:500 .45rem JetBrains Mono,monospace;color:#77848d}.deploy-log>span{color:#98a4ad}.deploy-log>span i{display:inline-block;width:5px;height:5px;margin-right:5px;border-radius:50%;background:#54c87b}.deploy-log code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#6c7982}.deploy-log b{color:var(--acid);font-size:.45rem}.control-room .orbit-label{right:-12px;bottom:2%;box-shadow:8px 8px #12171d}.process-signal{display:block;width:9px;height:9px;margin-top:28px;border:2px solid var(--paper);border-radius:50%;background:#248fb5;box-shadow:0 0 0 1px #248fb5;transition:.35s}.process-step{transition:background .35s}.process-step:hover .process-signal{background:var(--acid);box-shadow:0 0 0 5px #b9ff662e,0 0 0 1px #718f4e}.process-step:hover{background:linear-gradient(to bottom,transparent,rgba(255,255,255,.55))}@keyframes control-enter{0%{opacity:0;transform:perspective(1100px) rotateX(7deg) rotateY(-8deg) translateY(28px)}to{opacity:1;transform:perspective(1100px) rotateX(0) rotateY(0) translateY(0)}}@keyframes control-pulse{50%{box-shadow:0 0 0 7px #b9ff6600}}@keyframes draw-chart{to{stroke-dashoffset:0}}@media(max-width:600px){.control-body{grid-template-columns:1fr;min-height:315px}.control-sidebar{display:none}.control-main{padding:17px}.control-heading strong{font-size:.8rem}.control-grid{grid-template-columns:1.35fr .75fr}.control-card{height:120px;padding:11px}.control-metric b{font-size:1.45rem}.deploy-log{grid-template-columns:1fr auto}.deploy-log>span{display:none}.build-node{font-size:.42rem}.control-room .orbit-label{right:0}.process-signal{margin-top:18px}}@media(prefers-reduced-motion:reduce){.control-panel,.chart-line,.build-node.active i{animation:none!important}.control-panel{transform:none!important}}