:root{--bg:#07111d;--panel:#0b1927;--panel2:#0d2031;--line:#20384c;--text:#f2f7fb;--muted:#8ea5b7;--cyan:#34d9ff;--blue:#3d7cff;--green:#37e59b;--amber:#ffc857;--red:#ff5e6c;--violet:#9684ff;--shadow:0 20px 55px rgba(0,0,0,.32)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% -20%,#11314d 0,#07111d 42%,#050c14 100%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh;overflow-x:hidden}.ambient{position:fixed;border-radius:50%;filter:blur(110px);opacity:.12;pointer-events:none}.ambient-a{width:470px;height:470px;background:var(--cyan);top:20%;left:-260px}.ambient-b{width:500px;height:500px;background:var(--violet);bottom:-260px;right:-220px}.topbar{height:68px;border-bottom:1px solid rgba(120,174,207,.16);display:flex;align-items:center;justify-content:space-between;padding:0 max(26px,calc((100vw - 1440px)/2));background:rgba(5,13,22,.75);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;letter-spacing:1.2px;font-size:14px}.brand b{font-size:10px;background:linear-gradient(135deg,var(--cyan),var(--blue));padding:3px 6px;border-radius:4px;margin-left:4px}.brand-mark{width:30px;height:30px;border:1px solid var(--cyan);border-radius:50%;display:grid;place-items:center;box-shadow:0 0 20px rgba(52,217,255,.2)}.brand-mark:before,.brand-mark span{content:"";display:block;border:1px solid var(--cyan);border-radius:50%}.brand-mark:before{width:17px;height:8px;transform:rotate(-34deg)}.brand-mark span{width:5px;height:5px;position:absolute;background:var(--cyan)}.top-status{font:600 10px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--green);letter-spacing:1px}.utc{color:var(--muted);margin-left:16px}.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(55,229,155,.09);margin-right:7px;animation:pulse 2s infinite}@keyframes pulse{50%{box-shadow:0 0 0 9px rgba(55,229,155,0)}}main{max-width:1440px;margin:0 auto;padding:38px 26px 50px}.hero{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:32px}.eyebrow{color:var(--cyan);font:700 10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:2.3px;margin:0 0 10px}.hero h1{font-size:clamp(36px,4.5vw,64px);line-height:1.01;letter-spacing:-3px;margin:0;max-width:900px}.hero h1 span{color:#96aabc;font-weight:450}.lede{max-width:780px;color:#a8bbca;line-height:1.65;margin:18px 0 0;font-size:15px}.hero-actions{display:flex;gap:10px;min-width:max-content}.hero button,.authorize{border:0;border-radius:8px;padding:14px 20px;color:#fff;font-weight:750;cursor:pointer;transition:.2s;letter-spacing:.2px}.primary{background:linear-gradient(135deg,#ea4860,#ff733d);box-shadow:0 10px 30px rgba(255,94,108,.24)}.primary:hover,.authorize:hover{transform:translateY(-2px);filter:brightness(1.08)}.primary.running{pointer-events:none;opacity:.7}.secondary{background:#102436;border:1px solid #29465d!important}.secondary:hover{background:#173047}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.metrics article,.panel{background:linear-gradient(145deg,rgba(14,33,49,.94),rgba(8,23,35,.95));border:1px solid rgba(116,165,195,.15);border-radius:12px;box-shadow:var(--shadow)}.metrics article{padding:17px 20px;min-height:108px;display:flex;flex-direction:column}.metrics p{font:700 9px ui-monospace,SFMono-Regular,Menlo,monospace;color:#718ba0;letter-spacing:1.5px;margin:0 0 10px}.metrics strong{font-size:22px;letter-spacing:-.5px}.metrics small{color:var(--muted);margin-top:auto;font-size:11px}.ok{color:var(--green)}.danger{color:var(--red)!important}.warning{color:var(--amber)!important}.blue{color:var(--cyan)}.workspace{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(340px,.75fr);gap:14px}.panel{overflow:hidden}.panel-head{height:66px;padding:15px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(116,165,195,.13)}.panel-head .eyebrow{margin-bottom:4px;font-size:8px}.panel-head h2{font-size:15px;margin:0;letter-spacing:.1px}.legend{display:flex;gap:14px;font-size:9px;color:var(--muted)}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:5px}.green{background:var(--green)}.amber{background:var(--amber)}.red{background:var(--red)}.map{height:490px;position:relative;overflow:hidden;background-image:linear-gradient(rgba(57,105,134,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(57,105,134,.07) 1px,transparent 1px),radial-gradient(ellipse at 50% 86%,rgba(35,119,171,.19),transparent 52%);background-size:35px 35px,35px 35px,100% 100%}.map:after{content:"";position:absolute;left:0;right:0;top:49%;border-top:1px dashed rgba(105,151,179,.2)}#links{position:absolute;inset:0;width:100%;height:100%;z-index:1}.link{stroke:#2b617f;stroke-width:1.4;fill:none;opacity:.65;stroke-dasharray:4 4}.link.active{stroke:var(--cyan);stroke-width:3;opacity:1;filter:drop-shadow(0 0 5px var(--cyan));stroke-dasharray:8 4;animation:dash .8s linear infinite}.link.failed{stroke:var(--red);opacity:.5}.link.degraded{stroke:var(--amber);opacity:.75}@keyframes dash{to{stroke-dashoffset:-12}}.region-label{position:absolute;color:#527086;font:700 8px ui-monospace,SFMono-Regular,monospace;letter-spacing:1.6px;z-index:0}.region-space{top:4%;left:2%}.region-ground{top:53%;left:2%}.region-access{bottom:4%;right:2%}.node{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:86px;height:61px;border-radius:9px;background:#0c2030;border:1px solid #29506a;z-index:3;display:grid;grid-template-columns:26px 1fr;grid-template-rows:1fr 1fr;padding:9px 7px;transition:.4s;box-shadow:0 8px 22px rgba(0,0,0,.25)}.node>span{grid-row:1/3;align-self:center;color:var(--cyan);font-size:17px}.node b{font-size:10px;align-self:end}.node small{color:#718da2;font-size:8px;align-self:start;margin-top:2px}.node.satellite{border-color:#286680}.node.meo{border-color:#6557a2}.node.meo>span{color:var(--violet)}.node.target{width:105px;border-color:var(--green);box-shadow:0 0 30px rgba(55,229,155,.09)}.node.target>span{color:var(--green)}.node.external{border-style:dashed;opacity:.75}.node.failed{border-color:var(--red);background:#321b25;box-shadow:0 0 25px rgba(255,94,108,.18)}.node.failed>span,.node.degraded>span{color:var(--red)}.node.degraded{border-color:var(--amber);background:#302a1a}.node.degraded>span{color:var(--amber)}.node.active-route{border-color:var(--cyan);box-shadow:0 0 0 2px rgba(52,217,255,.12),0 0 30px rgba(52,217,255,.2);transform:translate(-50%,-50%) scale(1.04)}.incident-badge{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);z-index:4;background:#421924;border:1px solid var(--red);color:#ff9aa4;padding:8px 12px;border-radius:6px;font:700 9px ui-monospace,SFMono-Regular,monospace;letter-spacing:1px;animation:warningPulse 1.3s infinite}@keyframes warningPulse{50%{box-shadow:0 0 28px rgba(255,94,108,.3)}}.decision-panel{min-height:556px}.agent-tag,.panel-head>span{font:700 8px ui-monospace,SFMono-Regular,monospace;color:var(--cyan);border:1px solid #245372;border-radius:5px;padding:5px 7px;letter-spacing:1px}.state-card{padding:70px 34px;text-align:center;color:var(--muted)}.state-card h3,.restored h3{color:var(--text);font-size:17px;margin:18px 0 8px}.state-card p,.restored p{font-size:12px;line-height:1.6}.radar{width:88px;height:88px;border:1px solid #27536d;border-radius:50%;margin:auto;display:grid;place-items:center;position:relative;background:repeating-radial-gradient(circle,transparent 0 13px,rgba(52,217,255,.12) 14px 15px)}.radar:after{content:"";position:absolute;width:44px;height:44px;top:0;right:0;background:conic-gradient(from 0deg,rgba(52,217,255,.3),transparent 60deg);transform-origin:0 100%;animation:scan 2.6s linear infinite}.radar span{width:4px;height:4px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}@keyframes scan{to{transform:rotate(360deg)}}#analysisState{padding:17px}.alert-box{background:rgba(255,94,108,.08);border:1px solid rgba(255,94,108,.32);border-radius:8px;padding:12px;display:flex;align-items:center;gap:11px;margin-bottom:13px}.alert-box>span{width:28px;height:28px;border-radius:50%;background:var(--red);display:grid;place-items:center;font-weight:800}.alert-box b,.alert-box small{display:block}.alert-box b{font-size:11px;color:#ffb1b8}.alert-box small{font-size:9px;color:#b9848d;margin-top:3px}.step{display:flex;gap:11px;padding:13px 4px;border-bottom:1px solid rgba(116,165,195,.1);opacity:.4;transition:.3s}.step.active{opacity:1}.step i{font:700 10px ui-monospace,SFMono-Regular,monospace;width:24px;height:24px;border:1px solid #31536a;border-radius:50%;display:grid;place-items:center;font-style:normal;color:var(--cyan)}.step.active i{background:var(--cyan);color:#03111b}.step b,.step small{display:block}.step b{font-size:11px}.step small{font-size:9px;color:var(--muted);margin-top:4px;line-height:1.4}#recommendState{padding:17px}.route-title{display:flex;justify-content:space-between;align-items:center;color:var(--cyan);font:700 9px ui-monospace,SFMono-Regular,monospace;letter-spacing:1px}.route-title b{color:#fff;background:#173a4e;padding:5px 7px;border-radius:4px}.route-flow{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin:17px 0;padding:12px;background:#081722;border-radius:8px}.route-flow span{font-size:9px;background:#132c40;padding:7px;border-radius:5px}.route-flow i{font-style:normal;color:var(--cyan)}.assurance{border:1px solid rgba(55,229,155,.35);background:rgba(55,229,155,.06);border-radius:9px;padding:12px}.assurance>div{display:flex;align-items:center;gap:8px;color:var(--green);font-size:10px;letter-spacing:.4px}.shield{width:23px;height:23px;border:1px solid var(--green);border-radius:50%;display:grid;place-items:center}.assurance ul{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:7px}.assurance li{font-size:8px;color:#9bc9b7}.assurance li:before{content:"✓";color:var(--green);margin-right:5px}.authorize{width:100%;margin-top:14px;background:linear-gradient(135deg,#1476a3,#15a4b9);box-shadow:0 10px 30px rgba(52,217,255,.15)}.human-note{text-align:center;color:#718a9d;font-size:8px}.restored{text-align:center;padding:55px 26px}.success-ring{width:72px;height:72px;border:2px solid var(--green);border-radius:50%;margin:auto;display:grid;place-items:center;font-size:30px;color:var(--green);box-shadow:0 0 35px rgba(55,229,155,.17)}.receipt{margin-top:28px;border-top:1px solid rgba(116,165,195,.14);padding-top:17px;display:flex;justify-content:space-between;font:700 9px ui-monospace,SFMono-Regular,monospace;color:var(--muted)}.receipt b{color:var(--cyan)}.lower-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,.7fr);gap:14px;margin-top:14px}.table-wrap{overflow:auto}.candidates-panel table{width:100%;border-collapse:collapse;min-width:720px}.candidates-panel th{font:700 8px ui-monospace,SFMono-Regular,monospace;letter-spacing:1px;color:#658196;text-align:left;padding:11px 14px;background:#081722}.candidates-panel td{padding:13px 14px;border-top:1px solid rgba(116,165,195,.1);font-size:10px;color:#b8c8d3}.candidates-panel td:first-child{font-weight:800;color:#fff}.candidates-panel tr.selected{background:rgba(52,217,255,.05);box-shadow:inset 3px 0 var(--cyan)}.empty-row td{text-align:center!important;color:#678094!important;padding:33px!important}.pill{display:inline-block;border-radius:10px;padding:3px 6px;font:700 8px ui-monospace,SFMono-Regular,monospace}.pass{color:var(--green);background:rgba(55,229,155,.1)}.reject{color:var(--red);background:rgba(255,94,108,.1)}.selected-pill{color:var(--cyan);background:rgba(52,217,255,.11)}.audit-log{list-style:none;margin:0;padding:10px 16px 16px;max-height:225px;overflow:auto}.audit-log li{display:grid;grid-template-columns:62px 1fr;gap:8px;border-left:1px solid #24455a;padding:8px 0 8px 13px;position:relative}.audit-log li:before{content:"";position:absolute;left:-3px;top:14px;width:5px;height:5px;background:var(--cyan);border-radius:50%}.audit-log time{font:700 8px ui-monospace,SFMono-Regular,monospace;color:var(--cyan)}.audit-log p{font-size:9px;line-height:1.45;color:#95aabc;margin:0}.hidden{display:none!important}footer{max-width:1440px;margin:0 auto;border-top:1px solid rgba(116,165,195,.13);padding:20px 26px 30px;color:#536d81;display:flex;justify-content:space-between;font-size:9px}
@media(max-width:1050px){.workspace,.lower-grid{grid-template-columns:1fr}.decision-panel{min-height:500px}.hero{align-items:flex-start;flex-direction:column}.metrics{grid-template-columns:1fr 1fr}}@media(max-width:650px){main{padding:25px 12px}.topbar{padding:0 14px}.top-status{display:none}.hero h1{letter-spacing:-2px}.hero-actions{width:100%}.hero button{flex:1}.metrics{grid-template-columns:1fr 1fr}.metrics article{padding:14px;min-height:98px}.workspace{display:block}.decision-panel{margin-top:12px}.map{height:440px}.node{width:70px;height:55px;padding:7px 5px;grid-template-columns:20px 1fr}.node>span{font-size:14px}.node b{font-size:8px}.node small{font-size:7px}.node.target{width:85px}.legend{display:none}.lower-grid{display:block}.audit-panel{margin-top:12px}footer{flex-direction:column;gap:7px}}