@import"https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=Orbitron:wght@400;600;700;900&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0a0a0f;--bg2: #0d0d14;--bg3: #111118;--bg4: #16161f;--border: #1e1e2e;--border-glow: rgba(0,240,255,.25);--text: #c8d8e8;--text-muted:#5a7a8a;--text-dim: #2a4a5a;--cyan: #00f0ff;--cyan-dim: rgba(0,240,255,.15);--cyan-glow: 0 0 8px rgba(0,240,255,.6), 0 0 20px rgba(0,240,255,.2);--amber: #ff9f1c;--amber-dim: rgba(255,159,28,.12);--amber-glow:0 0 8px rgba(255,159,28,.5), 0 0 20px rgba(255,159,28,.15);--magenta: #ff2d6f;--magenta-dim:rgba(255,45,111,.12);--magenta-glow:0 0 8px rgba(255,45,111,.6), 0 0 20px rgba(255,45,111,.2);--green: #00ff88;--green-dim: rgba(0,255,136,.12);--green-glow:0 0 8px rgba(0,255,136,.5);--purple: #b44fff;--font-mono: "Share Tech Mono", "SF Mono", "Consolas", monospace;--font-hud: "Orbitron", "Share Tech Mono", monospace}body{background:var(--bg);color:var(--text);font-family:var(--font-mono);font-size:13px;line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.08) 2px,rgba(0,0,0,.08) 4px);pointer-events:none;z-index:9999}body:after{content:"";position:fixed;top:-100px;left:0;right:0;height:100px;background:linear-gradient(to bottom,transparent,rgba(0,240,255,.03),transparent);animation:scanline 8s linear infinite;pointer-events:none;z-index:9998}@keyframes scanline{0%{top:-100px}to{top:110vh}}@keyframes pulse-cyan{0%,to{opacity:1;box-shadow:0 0 6px #00f0ffcc,0 0 12px #00f0ff66}50%{opacity:.4;box-shadow:0 0 3px #00f0ff4d}}@keyframes pulse-amber{0%,to{opacity:1;box-shadow:0 0 6px #ff9f1ccc,0 0 12px #ff9f1c66}50%{opacity:.4;box-shadow:0 0 3px #ff9f1c4d}}@keyframes pulse-green{0%,to{opacity:1;box-shadow:0 0 6px #0f8c,0 0 12px #0f86}50%{opacity:.4;box-shadow:0 0 3px #00ff884d}}@keyframes pulse-magenta{0%,to{opacity:1;box-shadow:0 0 6px #ff2d6fcc}50%{opacity:.4}}@keyframes flicker{0%,95%,to{opacity:1}96%{opacity:.7}97%{opacity:1}98%{opacity:.8}}@keyframes glow-border{0%,to{box-shadow:0 0 6px #00f0ff4d,inset 0 0 6px #00f0ff0d}50%{box-shadow:0 0 14px #00f0ff80,inset 0 0 10px #00f0ff14}}@keyframes data-scroll{0%{transform:translateY(0)}to{transform:translateY(-50%)}}a{color:var(--cyan);text-decoration:none}a:hover{text-shadow:var(--cyan-glow)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--bg2)}::-webkit-scrollbar-thumb{background:rgba(0,240,255,.2);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:rgba(0,240,255,.4)}h1,h2,h3,h4{font-family:var(--font-hud);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text)}.page-header{margin-bottom:28px;padding-bottom:16px;border-bottom:1px solid var(--border);position:relative}.page-header:after{content:"";position:absolute;bottom:-1px;left:0;width:80px;height:1px;background:var(--cyan);box-shadow:var(--cyan-glow)}.page-title{font-family:var(--font-hud);font-size:18px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--cyan);text-shadow:0 0 20px rgba(0,240,255,.4)}.page-subtitle{font-size:11px;color:var(--text-muted);letter-spacing:.08em;margin-top:4px;text-transform:uppercase}.panel{background:var(--bg2);border:1px solid var(--border);border-radius:2px;position:relative;overflow:hidden;transition:border-color .2s,box-shadow .2s}.panel:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:.3}.panel:hover{border-color:#00f0ff40;box-shadow:0 0 20px #00f0ff0f}.panel-amber:before{background:linear-gradient(90deg,transparent,var(--amber),transparent)}.panel-amber:hover{border-color:#ff9f1c40;box-shadow:0 0 20px #ff9f1c0f}.panel-body{padding:20px}.panel-header{padding:12px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.panel-title{font-family:var(--font-hud);font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted)}.stat-card{background:var(--bg3);border:1px solid var(--border);border-radius:2px;padding:16px 20px;position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--cyan);opacity:.4}.stat-card.amber:after{background:var(--amber)}.stat-card.magenta:after{background:var(--magenta)}.stat-card.green:after{background:var(--green)}.stat-label{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px}.stat-value{font-family:var(--font-hud);font-size:26px;font-weight:700;color:var(--cyan);text-shadow:0 0 20px rgba(0,240,255,.4);line-height:1}.stat-value.amber{color:var(--amber);text-shadow:0 0 20px rgba(255,159,28,.4)}.stat-value.magenta{color:var(--magenta);text-shadow:0 0 20px rgba(255,45,111,.4)}.stat-value.green{color:var(--green);text-shadow:0 0 20px rgba(0,255,136,.4)}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:1px;font-size:9px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;font-family:var(--font-hud);border:1px solid transparent}.badge-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.badge-live{background:var(--green-dim);color:var(--green);border-color:#00ff8840}.badge-live .badge-dot{background:var(--green);animation:pulse-green 2s infinite}.badge-running{background:var(--cyan-dim);color:var(--cyan);border-color:#00f0ff40}.badge-running .badge-dot{background:var(--cyan);animation:pulse-cyan 2s infinite}.badge-training{background:var(--cyan-dim);color:var(--cyan);border-color:#00f0ff40}.badge-training .badge-dot{background:var(--cyan);animation:pulse-cyan 2s infinite}.badge-pending{background:var(--amber-dim);color:var(--amber);border-color:#ff9f1c40}.badge-pending .badge-dot{background:var(--amber);animation:pulse-amber 3s infinite}.badge-queued{background:var(--amber-dim);color:var(--amber);border-color:#ff9f1c40}.badge-queued .badge-dot{background:var(--amber);animation:pulse-amber 3s infinite}.badge-failed{background:var(--magenta-dim);color:var(--magenta);border-color:#ff2d6f40}.badge-failed .badge-dot{background:var(--magenta);animation:pulse-magenta 1.5s infinite}.badge-online{background:var(--green-dim);color:var(--green);border-color:#00ff8840}.badge-online .badge-dot{background:var(--green);animation:pulse-green 2s infinite}.badge-offline{background:var(--magenta-dim);color:var(--magenta);border-color:#ff2d6f40}.badge-offline .badge-dot{background:var(--magenta)}.badge-syncing{background:var(--cyan-dim);color:var(--cyan);border-color:#00f0ff40}.badge-syncing .badge-dot{background:var(--cyan);animation:pulse-cyan 1s infinite}.badge-secure{background:var(--green-dim);color:var(--green);border-color:#00ff8840}.badge-secure .badge-dot{background:var(--green);animation:pulse-green 2.5s infinite}.badge-degraded{background:var(--amber-dim);color:var(--amber);border-color:#ff9f1c40}.badge-degraded .badge-dot{background:var(--amber);animation:pulse-amber 2s infinite}.axe-table{width:100%;border-collapse:collapse}.axe-table th{padding:10px 14px;text-align:left;font-family:var(--font-hud);font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border);white-space:nowrap;background:var(--bg3)}.axe-table td{padding:10px 14px;border-bottom:1px solid var(--border);vertical-align:middle;font-size:12px}.axe-table tr:nth-child(2n) td{background:rgba(0,240,255,.015)}.axe-table tr:hover td{background:rgba(0,240,255,.04)}.axe-table .mono{font-family:var(--font-mono)}.axe-table .bold{font-weight:700}.axe-table .dim{color:var(--text-muted);font-size:11px}.reactor-bar-wrap{position:relative;height:8px;background:var(--bg3);border:1px solid var(--border);border-radius:1px;overflow:hidden}.reactor-bar-fill{height:100%;background:linear-gradient(90deg,rgba(0,240,255,.6),var(--cyan));box-shadow:0 0 8px #00f0ff80;border-radius:1px;position:relative;transition:width .5s ease}.reactor-bar-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,transparent,transparent calc(10% - 1px),rgba(0,0,0,.4) calc(10% - 1px),rgba(0,0,0,.4) 10%);pointer-events:none}.reactor-bar-amber .reactor-bar-fill{background:linear-gradient(90deg,rgba(255,159,28,.6),var(--amber));box-shadow:0 0 8px #ff9f1c80}.reactor-bar-green .reactor-bar-fill{background:linear-gradient(90deg,rgba(0,255,136,.6),var(--green));box-shadow:0 0 8px #00ff8880}.dossier{background:var(--bg2);border:1px solid var(--border);border-radius:2px;padding:0;position:relative;overflow:hidden;transition:border-color .2s,box-shadow .2s,transform .2s;cursor:default}.dossier:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--cyan);opacity:.5}.dossier:hover{border-color:#00f0ff59;box-shadow:0 0 24px #00f0ff14,0 4px 24px #0006;transform:translateY(-2px)}.dossier-amber:before{background:var(--amber)}.dossier-amber:hover{border-color:#ff9f1c59;box-shadow:0 0 24px #ff9f1c14,0 4px 24px #0006}.dossier-header{padding:16px 20px 12px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.dossier-classification{font-size:8px;letter-spacing:.2em;color:var(--text-dim);text-transform:uppercase;margin-bottom:4px}.dossier-name{font-family:var(--font-hud);font-size:13px;font-weight:700;color:var(--cyan);letter-spacing:.06em;text-shadow:0 0 12px rgba(0,240,255,.3)}.dossier-amber .dossier-name{color:var(--amber);text-shadow:0 0 12px rgba(255,159,28,.3)}.dossier-desc{font-size:11px;color:var(--text-muted);margin-top:4px;line-height:1.4}.dossier-body{padding:14px 20px}.dossier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}.dossier-stat-label{font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);margin-bottom:3px}.dossier-stat-val{font-family:var(--font-mono);font-size:12px;font-weight:700;color:var(--text)}.dossier-footer{padding:10px 20px;border-top:1px solid var(--border);background:var(--bg3);display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--text-muted)}.node-card{background:var(--bg2);border:1px solid var(--border);border-radius:2px;padding:16px;position:relative;overflow:hidden;transition:all .2s}.node-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--cyan);opacity:.5}.node-card.amber:before{background:var(--amber)}.node-card.offline-card:before{background:var(--magenta)}.node-card:hover{border-color:#00f0ff40;box-shadow:0 0 16px #00f0ff0f}.node-name{font-family:var(--font-hud);font-size:11px;font-weight:700;letter-spacing:.12em;color:var(--cyan);text-shadow:0 0 10px rgba(0,240,255,.4);margin-bottom:2px}.node-role{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px}select{background:var(--bg3);border:1px solid var(--border);border-radius:2px;color:var(--text);padding:7px 12px;font-size:12px;font-family:var(--font-mono);cursor:pointer;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none}select:focus{border-color:#00f0ff66;box-shadow:0 0 0 2px #00f0ff14}.corner-tl:before,.corner-tl:after{content:"";position:absolute;top:0;left:0}.corner-tl:before{width:12px;height:1px;background:var(--cyan)}.corner-tl:after{width:1px;height:12px;background:var(--cyan)}.cluster-container{position:relative}.cluster-container svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.wg-peer{display:flex;align-items:center;gap:14px;padding:12px 16px;border-bottom:1px solid var(--border);transition:background .15s}.wg-peer:last-child{border-bottom:none}.wg-peer:hover{background:rgba(0,240,255,.03)}.wg-ip{font-family:var(--font-mono);font-size:12px;color:var(--cyan);letter-spacing:.05em;min-width:90px}.wg-pubkey{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tunnel-viz{height:6px;background:var(--bg3);border:1px solid var(--border);border-radius:1px;overflow:hidden;position:relative}.tunnel-viz-fill{position:absolute;top:0;left:0;bottom:0;background:linear-gradient(90deg,transparent 0%,var(--green) 20%,transparent 40%,var(--green) 60%,transparent 80%,var(--green) 100%);background-size:200% 100%;animation:tunnel-flow 2s linear infinite;width:100%;opacity:.6}@keyframes tunnel-flow{0%{background-position:200% 0}to{background-position:-200% 0}}