:root{--void: #00111d;--base: #001a2b;--panel: #0a2334;--panel2: #123347;--sidebar: #00141f;--blue: #2ea8e0;--blueBright: #5ed4ff;--electric: #2e8bff;--coral: #f0796e;--coralBright: #ff8a7a;--ember: #e8633f;--gold: #f4911a;--goldBright: #ff9f2e;--amber: #e87a10;--purple: #8b5cf6;--purpleDeep: #7c3aed;--magenta: #e84a8a;--green: #3ecf6e;--red: #e05252;--warn: #f4b41a;--text: #e8ecf4;--dust: #8a98ae;--ash: #4a5670;--grid: #123040;--gridLit: #1e445c;--wordmark: linear-gradient(100deg, #4fb0e8 0%, #9b82c0 50%, #f0796e 100%);--egg: linear-gradient(135deg, #f4911a, #e84a8a, #2ea8e0);--display: "Orbitron", sans-serif;--body: "Rajdhani", sans-serif;--mono: "JetBrains Mono", monospace;--r-sm: 6px;--r-md: 10px;--r-lg: 16px}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--body);color:var(--text);background:var(--base);background-image:radial-gradient(1200px 600px at 80% -10%,rgba(46,168,224,.1),transparent 60%),radial-gradient(900px 500px at 10% 110%,rgba(240,121,110,.08),transparent 60%),linear-gradient(180deg,var(--void),var(--base));-webkit-font-smoothing:antialiased}.mono{font-family:var(--mono)}.wm{font-family:var(--display);font-weight:800;letter-spacing:.06em;background:var(--wordmark);-webkit-background-clip:text;background-clip:text;color:transparent}.smark{width:34px;height:34px;flex:none}.lair{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr;position:relative;overflow:hidden}.lair-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.5}.lair-bg svg{width:100%;height:100%}.lair-left{position:relative;display:flex;flex-direction:column;justify-content:center;padding:7vw 6vw}.brandrow{display:flex;align-items:center;gap:14px;margin-bottom:48px}.brandrow .name{font-family:var(--display);font-weight:800;font-size:22px;letter-spacing:.14em}.brandrow .name b{background:var(--wordmark);-webkit-background-clip:text;background-clip:text;color:transparent}.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.34em;color:var(--blue);text-transform:uppercase;margin-bottom:18px}.lair-left h1{font-family:var(--display);font-weight:800;font-size:clamp(40px,6vw,76px);line-height:.98;letter-spacing:.01em}.lair-left h1 .glow{background:var(--wordmark);-webkit-background-clip:text;background-clip:text;color:transparent}.lair-left p.sub{margin-top:18px;max-width:30ch;color:var(--dust);font-size:18px;font-weight:500;line-height:1.5}.rail-mini{margin-top:40px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.rail-mini .dot{font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:var(--dust);border:1px solid var(--grid);border-radius:999px;padding:5px 11px;background:#0a233480}.rail-mini .dot.lit{color:var(--coral);border-color:#f0796e73}.rail-mini .arr{color:var(--ash)}.lair-right{display:flex;align-items:center;justify-content:center;padding:5vw;position:relative}.card{width:min(420px,90%);background:linear-gradient(180deg,#1233478c,#0a2334d9);border:1px solid var(--gridLit);border-radius:18px;padding:34px 30px;box-shadow:0 30px 80px #00000080,inset 0 1px #5ed4ff1f}.card h2{font-family:var(--display);font-weight:700;font-size:24px;letter-spacing:.04em}.card .host{font-family:var(--mono);font-size:13px;color:var(--blue);margin-top:6px;margin-bottom:24px}.err{color:var(--red);font-size:13px;margin:6px 0 4px;min-height:16px;font-weight:600}.field{margin-bottom:14px}.field label{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--dust);margin-bottom:7px;font-weight:600}.field input,.field select{width:100%;font-family:var(--body);font-size:16px;color:var(--text);background:var(--void);border:1px solid var(--grid);border-radius:10px;padding:13px 14px;outline:none;transition:border-color .2s,box-shadow .2s}.field input:focus,.field select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2ea8e026}.enter{width:100%;margin-top:10px;font-family:var(--display);font-weight:700;letter-spacing:.1em;font-size:16px;color:var(--void);background:linear-gradient(100deg,var(--coralBright),var(--coral));border:0;border-radius:10px;padding:14px;cursor:pointer;transition:transform .12s,box-shadow .2s}.enter:hover{transform:translateY(-1px);box-shadow:0 10px 30px #f0796e59}.enter:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.oauth{display:flex;gap:8px;margin-top:16px}.oauth button{flex:1;font-family:var(--body);font-weight:600;font-size:13px;color:var(--dust);background:var(--void);border:1px solid var(--grid);border-radius:9px;padding:10px;cursor:not-allowed}.oauth button:hover{border-color:var(--gridLit);color:var(--text)}.btn{font-family:var(--body);font-weight:600;font-size:14px;border-radius:var(--r-md);padding:10px 16px;cursor:pointer;border:1px solid var(--grid);background:var(--panel);color:var(--text);transition:transform .12s,box-shadow .2s,background .2s}.btn:hover{background:var(--panel2)}.btn.primary{color:var(--void);background:linear-gradient(100deg,var(--coralBright),var(--coral));border:0;font-weight:700;letter-spacing:.02em}.btn.primary:hover{transform:translateY(-1px);box-shadow:0 8px 22px #f0796e4d}.btn.ghost{background:transparent}.btn:disabled{opacity:.55;cursor:not-allowed}.app{display:grid;grid-template-columns:236px 1fr;min-height:100vh}.nav{background:var(--sidebar);border-right:1px solid var(--grid);padding:20px 14px;display:flex;flex-direction:column;gap:4px;position:sticky;top:0;height:100vh}.nav .brand{display:flex;align-items:center;gap:10px;padding:6px 8px 18px}.nav .brand .name{font-family:var(--display);font-weight:800;font-size:15px;letter-spacing:.1em}.nav .brand .name b{background:var(--wordmark);-webkit-background-clip:text;background-clip:text;color:transparent}.nav a{display:flex;align-items:center;gap:11px;color:var(--dust);text-decoration:none;font-weight:600;font-size:14.5px;padding:10px 12px;border-radius:9px;cursor:pointer;letter-spacing:.01em;position:relative}.nav a .ic{width:16px;height:16px;flex:none;opacity:.8;display:inline-flex;justify-content:center}.nav a:hover{background:var(--panel);color:var(--text)}.nav a.active{color:var(--text);background:linear-gradient(90deg,rgba(240,121,110,.16),transparent)}.nav a.active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:2px;background:var(--coral)}.nav a .tag{margin-left:auto;font-family:var(--mono);font-size:9px;letter-spacing:.1em;color:var(--gold);border:1px solid rgba(244,145,26,.4);border-radius:5px;padding:2px 5px}.nav .sys{margin-top:auto;border:1px solid var(--grid);border-radius:10px;padding:12px;background:var(--panel)}.nav .sys .lbl{font-family:var(--mono);font-size:10px;letter-spacing:.18em;color:var(--ash)}.nav .sys .ok{color:var(--green);font-weight:700;font-size:14px;margin-top:3px}.nav .sys .t{color:var(--ash);font-size:12px;margin-top:2px}.main{padding:22px 26px 40px;overflow:hidden}.top{display:flex;align-items:center;gap:16px;margin-bottom:22px}.top .title h1{font-family:var(--display);font-weight:700;font-size:22px;letter-spacing:.04em;display:flex;align-items:center;gap:10px}.top .title p{color:var(--dust);font-size:14px;margin-top:3px}.top .spacer{flex:1}.chip{display:flex;align-items:center;gap:8px;border:1px solid var(--grid);border-radius:10px;padding:8px 12px;background:var(--panel)}.chip .env{font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:var(--green)}.chip .who{font-weight:700;font-size:13px}.chip .who small{display:block;color:var(--dust);font-weight:500;font-size:11px}.chip.ai{color:var(--purple);border-color:#8b5cf666}.kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:20px}.kpi{background:var(--panel);border:1px solid var(--grid);border-radius:12px;padding:14px 14px 13px;position:relative;overflow:hidden}.kpi:after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent, var(--blue))}.kpi .k{font-family:var(--mono);font-size:10px;letter-spacing:.14em;color:var(--dust);text-transform:uppercase;display:flex;align-items:center;gap:6px}.kpi .v{font-family:var(--display);font-weight:700;font-size:24px;margin-top:8px}.kpi .d{font-size:12px;margin-top:5px;font-weight:600}.up{color:var(--green)}.down{color:var(--coral)}.a-gold{--accent: var(--gold)}.a-blue{--accent: var(--blue)}.a-coral{--accent: var(--coral)}.a-green{--accent: var(--green)}.a-purple{--accent: var(--purple)}.a-electric{--accent: var(--electric)}.badge.electric{color:var(--electric);border-color:#2e8bff66}.rail{background:var(--panel);border:1px solid var(--grid);border-radius:14px;padding:18px 20px 22px;margin-bottom:20px}.rail .h{display:flex;align-items:baseline;gap:10px;margin-bottom:18px}.rail .h b{font-family:var(--display);font-weight:600;font-size:14px;letter-spacing:.08em}.rail .h span{font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--blue)}.steps{display:flex;align-items:flex-start;gap:0}.step{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}.step .node{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:800;font-size:16px;color:var(--void);box-shadow:0 6px 18px #0006}.step .lab{font-weight:700;font-size:13px;margin-top:10px}.step .sub{font-size:11.5px;color:var(--dust);margin-top:2px}.step:after{content:"";position:absolute;top:21px;left:50%;width:100%;height:2px;background:var(--grid);z-index:-1}.step:last-child:after{display:none}.n-coral{background:linear-gradient(135deg,var(--coralBright),var(--coral))}.n-blue{background:linear-gradient(135deg,var(--blueBright),var(--blue))}.n-gold{background:linear-gradient(135deg,var(--goldBright),var(--gold))}.n-purple{background:linear-gradient(135deg,#a78bfa,var(--purple))}.n-green{background:linear-gradient(135deg,#6ee7a8,var(--green))}.grid3{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:16px}.pane{background:var(--panel);border:1px solid var(--grid);border-radius:14px;padding:18px}.pane h3{font-family:var(--display);font-weight:600;font-size:13px;letter-spacing:.06em;margin-bottom:4px}.pane .cap{font-size:12px;color:var(--dust);margin-bottom:16px}.bar{height:8px;border-radius:6px;background:var(--void);overflow:hidden;margin:7px 0 3px}.bar i{display:block;height:100%;border-radius:6px}.rowk{display:flex;justify-content:space-between;font-size:13px;margin-top:12px}.rowk .mut{color:var(--dust)}.feed{display:flex;flex-direction:column;gap:13px}.feed .it{display:flex;gap:10px;align-items:flex-start;font-size:13.5px}.feed .it .pip{width:8px;height:8px;border-radius:50%;margin-top:5px;flex:none}.feed .it small{display:block;color:var(--dust);font-size:12px;margin-top:1px}.feed .it .t{margin-left:auto;color:var(--ash);font-family:var(--mono);font-size:11px;white-space:nowrap}.ds-panel{background:var(--panel);border:1px solid var(--grid);border-radius:14px;padding:18px}.ds-panel>h3{font-family:var(--display);font-weight:600;font-size:13px;letter-spacing:.06em;margin-bottom:12px}table.ds-table{width:100%;border-collapse:collapse;font-size:14px}table.ds-table th{text-align:left;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--dust);padding:10px 12px;border-bottom:1px solid var(--grid)}table.ds-table td{padding:11px 12px;border-bottom:1px solid var(--grid)}table.ds-table tr:last-child td{border-bottom:0}table.ds-table tbody tr:hover{background:var(--panel2)}.ds-empty{color:var(--dust);padding:18px 12px;font-style:italic}.badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:11px;letter-spacing:.08em;padding:3px 9px;border-radius:999px;border:1px solid var(--grid);color:var(--dust);text-transform:uppercase}.badge.op{color:var(--coral);border-color:#f0796e73}.badge.green{color:var(--green);border-color:#3ecf6e66}.badge.gold{color:var(--gold);border-color:#f4911a66}.badge.blue{color:var(--blue);border-color:#2ea8e066}.badge.red{color:var(--red);border-color:#e0525266}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--grid);margin-bottom:18px}.tabs button{font-family:var(--body);font-weight:600;font-size:14px;color:var(--dust);background:transparent;border:0;border-bottom:2px solid transparent;padding:10px 14px;cursor:pointer}.tabs button.on{color:var(--text);border-bottom-color:var(--coral)}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#00080fa8;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal{width:min(520px,92%);background:linear-gradient(180deg,#123347b3,#0a2334f2);border:1px solid var(--gridLit);border-radius:16px;padding:24px;box-shadow:0 30px 80px #0000008c;max-height:88vh;overflow:auto}.modal h2{font-family:var(--display);font-weight:700;font-size:18px;letter-spacing:.04em;margin-bottom:4px}.modal .cap{color:var(--dust);font-size:13px;margin-bottom:18px}.modal .actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}.rolegrid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.rolechk{display:flex;align-items:center;gap:8px;background:var(--void);border:1px solid var(--grid);border-radius:9px;padding:9px 11px;font-size:13.5px;cursor:pointer}.rolechk.on{border-color:var(--coral);color:var(--text)}.pagehead{display:flex;align-items:center;margin-bottom:18px}.pagehead h2{font-family:var(--display);font-weight:700;font-size:18px;letter-spacing:.04em}.pagehead .spacer{flex:1}@media (max-width: 1100px){.kpis{grid-template-columns:repeat(3,1fr)}.grid3,.lair{grid-template-columns:1fr}.lair-left{padding:8vw 7vw 0}.app{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}.kpi-btn{text-align:left;width:100%;cursor:pointer;font-family:inherit;transition:border-color .15s,transform .1s}.kpi-btn:hover{border-color:var(--gridLit);transform:translateY(-1px)}.kpi-btn:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.kpi-btn .d{color:var(--dust)}.skeleton{position:relative;overflow:hidden;background:var(--panel);border:1px solid var(--grid);border-radius:12px}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(94,212,255,.08),transparent);animation:cmd-shimmer 1.3s infinite}@keyframes cmd-shimmer{to{transform:translate(100%)}}.alerts-rail{margin-bottom:20px;padding:16px 18px}.alerts-head{display:flex;align-items:baseline;gap:12px;margin-bottom:12px}.alerts-head h3{font-family:var(--display);font-weight:600;font-size:13px;letter-spacing:.06em}.alerts-counts{font-family:var(--mono);font-size:11px;color:var(--dust);letter-spacing:.06em}.alerts-counts .critical{color:var(--red)}.alerts-counts .warn{color:var(--warn)}.alerts-counts .info{color:var(--blue)}.alerts-list{display:flex;flex-direction:column;gap:8px}.alert-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--grid);border-left-width:3px;border-radius:10px;background:#00111d66}.alert-row .alert-pip{width:8px;height:8px;border-radius:50%;flex:none}.alert-row.sev-critical{border-left-color:var(--red)}.alert-row.sev-critical .alert-pip{background:var(--red)}.alert-row.sev-warn{border-left-color:var(--warn)}.alert-row.sev-warn .alert-pip{background:var(--warn)}.alert-row.sev-info{border-left-color:var(--blue)}.alert-row.sev-info .alert-pip{background:var(--blue)}.alert-body{flex:1;min-width:0}.alert-title{font-size:13.5px;font-weight:600}.alert-sev{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--dust)}.alert-row.sev-critical .alert-sev{color:var(--red)}.alert-row.sev-warn .alert-sev{color:var(--warn)}.alert-body small{display:block;color:var(--dust);font-size:12px;margin-top:1px}.alert-view{background:transparent;border:0;color:var(--blue);font-family:var(--mono);font-size:11px;cursor:pointer;white-space:nowrap}.alert-x{background:transparent;border:1px solid var(--grid);color:var(--dust);border-radius:8px;width:26px;height:26px;cursor:pointer;font-size:16px;line-height:1;flex:none}.alert-x:hover{border-color:var(--coral);color:var(--coral)}.cmd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.cmd-panel{display:flex;flex-direction:column}.cmd-panel h3{font-family:var(--display);font-weight:600;font-size:13px;letter-spacing:.06em;margin-bottom:6px}.cmd-head{font-size:13.5px;font-weight:600;color:var(--text);margin-bottom:3px}.cmd-note{font-size:12px;color:var(--dust);margin-bottom:10px}.cmd-rows{display:flex;flex-direction:column;gap:9px;margin:4px 0 12px}.cmd-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:13px}.cmd-label{color:var(--text);overflow:hidden;text-overflow:ellipsis}.cmd-label small{display:block;color:var(--dust);font-size:11.5px}.cmd-value{color:var(--text);white-space:nowrap}.cmd-open{margin-top:auto;align-self:flex-start;background:transparent;border:0;color:var(--blue);font-family:var(--mono);font-size:11px;letter-spacing:.06em;cursor:pointer;padding:0}.cmd-open:hover{color:var(--coralBright)}