:root{--neon-cyan:#00f2fe;--neon-cyan-dim:#00f2fe08;--neon-cyan-glow:#00f2fe26;--neon-violet:#a78bfa;--neon-violet-dim:#a78bfa08;--neon-violet-glow:#a78bfa33;--bg-dark:#020306;--bg-panel:#04050ce6;--bg-panel-solid:#030408;--border-cyan:#ffffff12;--border-cyan-bright:#00f2fe40;--text-primary:#f8fafc;--text-dim:#8ba2b9;--text-cyan:#00f2fe;--neon-green:#10b981;--neon-green-glow:#10b98126;--neon-amber:#f59e0b;--neon-amber-glow:#f59e0b26;--neon-red:#ef4444;--neon-red-glow:#ef444426;--font-sans:"Outfit", "Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace}body,html{background-color:var(--bg-dark);width:100%;height:100%;color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;overflow:hidden}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-track{background:#0006}::-webkit-scrollbar-thumb{background:#00f2fe26;border-radius:1px}::-webkit-scrollbar-thumb:hover{background:var(--neon-cyan);box-shadow:0 0 6px var(--neon-cyan)}*{scrollbar-width:thin;scrollbar-color:#ffffff14 transparent}.crt-overlay{z-index:9999;pointer-events:none;opacity:.8;background:radial-gradient(circle,#0000 30%,#030408d9 130%) 0 0/100% 100%,linear-gradient(#ffffff04 1px,#0000 1px) 0 0/40px 40px,linear-gradient(90deg,#ffffff04 1px,#0000 1px) 0 0/40px 40px;width:100vw;height:100vh;position:fixed;top:0;left:0}.app-viewport{box-sizing:border-box;background:radial-gradient(circle,#06091b 0%,#010205 100%);flex-direction:column;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.app-container{box-sizing:border-box;width:100%;height:calc(100vh - 52px);margin-top:52px;position:relative;overflow:hidden}@keyframes spin-cw{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin-ccw{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes slow-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes modal-fade-in{0%{opacity:0;transform:translate(-50%,15px)}to{opacity:1;transform:translate(-50%)}}@keyframes pulse-hud{0%,to{opacity:.4}50%{opacity:1}}.sidebar{z-index:100;box-sizing:border-box;flex-direction:column;gap:12px;width:300px;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .4s;display:flex;position:absolute;top:60px;bottom:15px}.sidebar.left-panel{left:15px}.sidebar.left-panel.collapsed{transform:translate(calc(-100% - 15px))}.sidebar.right-panel{right:15px}.sidebar.right-panel.collapsed{transform:translate(calc(100% + 15px))}.stats-grid{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.stat-card{text-align:center;background:#ffffff03;border:.5px solid #ffffff0d;border-radius:2px;flex-direction:column;align-items:center;padding:4px;display:flex}.stat-value{font-family:var(--font-mono);color:var(--neon-cyan);text-shadow:0 0 4px #00f2fe40;font-size:12px}.stat-label{color:var(--text-dim);margin-top:1px;font-size:8px}.filter-bar{margin-bottom:8px}.node-list{flex-direction:column;flex-grow:1;gap:4px;padding-right:2px;display:flex;overflow:hidden auto}.node-item{cursor:pointer;box-sizing:border-box;background:#04050c66;border:.5px solid #ffffff0d;border-radius:2px;flex-direction:column;gap:3px;padding:5px 6px;transition:all .2s;display:flex}.node-item:hover{background:#00f2fe08;border-color:#00f2fe33;transform:translateY(-.5px)}.node-item.selected{border-color:var(--neon-cyan);background:#00f2fe0f;box-shadow:0 0 4px #00f2fe1a}.node-item-header{justify-content:space-between;align-items:center;gap:6px;width:100%;display:flex}.node-item-id{font-family:var(--font-mono);color:#e2e8f0;text-overflow:ellipsis;white-space:nowrap;max-width:170px;font-size:9px;overflow:hidden}.node-item-tags{flex-wrap:wrap;gap:4px;display:flex}.mini-tag{color:var(--neon-cyan);background:#00f2fe08;border:.5px solid #00f2fe26;border-radius:1px;padding:0 3px;font-size:8px}.node-item-metrics{color:var(--text-dim);justify-content:space-between;width:100%;font-size:8px;display:flex}.detail-content{flex-direction:column;gap:8px;display:flex}.detail-id{font-size:9.5px;font-family:var(--font-mono);padding:2px 4px}.detail-section{flex-direction:column;gap:2px;display:flex}.detail-section h4{letter-spacing:.2px;margin:4px 0 2px;font-size:9.5px}.code-snippet{border:.5px solid #ffffff14;padding:4px 6px;font-size:9.5px}.tag{border:.5px solid #00f2fe26;padding:1px 4px;font-size:8.5px}.metric-row{padding:2px 0;font-size:9.5px}.json-code{border:.5px solid #ffffff14;padding:6px;font-size:8.5px}.modal-scroll-body.text-dense{scrollbar-width:thin;scrollbar-color:#00f2fe26 transparent}.modal-scroll-body.text-dense h3{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.5px;font-weight:700}.modal-scroll-body.text-dense h4{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.3px;font-weight:600}.modal-scroll-body.text-dense code{font-family:var(--font-mono);color:var(--neon-violet);background:#02030680;border:.5px solid #ffffff14;border-radius:2px;padding:1px 4px;font-size:9px}.modal-scroll-body.text-dense pre{border-radius:2px;margin:6px 0}.console-panel{flex-direction:column;display:flex}.console-split{flex-grow:1;min-height:0}.console-section{flex-direction:column;display:flex}.hud-console-panel{z-index:110;background:var(--bg-panel);box-sizing:border-box;border:.5px solid #ffffff14;border-bottom:none;border-radius:2px 2px 0 0;flex-direction:column;width:800px;max-width:90vw;height:200px;transition:transform .4s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -8px 30px #000c}.hud-console-panel.collapsed{transform:translate(-50%)translateY(calc(100% - 32px))}.hud-console-header{box-sizing:border-box;border-bottom:.5px solid #ffffff14;justify-content:space-between;align-items:center;height:32px;min-height:32px;padding:0 12px;font-size:9px;display:flex}.hud-console-body{box-sizing:border-box;flex-direction:column;flex-grow:1;gap:3px;min-height:0;padding:6px 12px;font-size:9.5px;line-height:1.4;display:flex;overflow-y:auto}.log-line{font-family:var(--font-mono);color:#cbd5e1;margin-bottom:2px;font-size:9.5px;line-height:1.4}.log-line.system{color:#94a3b8}.log-line.success{color:var(--neon-green);text-shadow:0 0 3px #10b98126}.log-line.warning{color:var(--neon-amber);text-shadow:0 0 3px #f59e0b26}.log-line.route{color:var(--neon-cyan);text-shadow:0 0 3px #00f2fe26}.log-line.ticket{color:var(--neon-violet);text-shadow:0 0 3px #a78bfa26}.console-pulse{background:var(--neon-green);width:5px;height:5px;box-shadow:0 0 5px var(--neon-green);border-radius:50%;margin-left:8px;animation:1.5s ease-in-out infinite pulse-hud;display:inline-block}.globe-viewport{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.globe-canvas-wrapper{opacity:0;width:100%;height:100%;transition:opacity 1.5s cubic-bezier(.25,1,.5,1)}.globe-canvas-wrapper.loaded{opacity:1}.globe-bootloader{z-index:10;background:var(--bg-dark);width:100%;height:100%;font-family:var(--font-mono);box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;top:0;left:0}.boot-spinner{border:1.5px solid #00f2fe1a;border-top-color:var(--neon-cyan);border-radius:50%;width:24px;height:24px;animation:1s linear infinite spin-cw}.boot-text{color:var(--neon-cyan);letter-spacing:1.5px;text-shadow:0 0 6px #00f2fe66;font-size:9.5px;animation:2s ease-in-out infinite pulse-hud}.globe-tip{z-index:90;font-family:var(--font-sans);color:var(--text-dim);pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);letter-spacing:.3px;background:#04050ccc;border:.5px solid #ffffff14;border-radius:2px;align-items:center;gap:5px;padding:4px 10px;font-size:10px;display:flex;position:absolute;top:65px;left:50%;transform:translate(-50%);box-shadow:0 4px 10px #00000080}.globe-tip i{color:var(--neon-cyan)}.hud-reticle{pointer-events:none;z-index:5;box-sizing:border-box;justify-content:center;align-items:center;width:200px;height:200px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.reticle-ring{box-sizing:border-box;border-radius:50%;position:absolute}.reticle-ring.outer{border:.5px dashed #00f2fe59;width:130px;height:130px;animation:35s linear infinite spin-cw}.reticle-ring.inner{border:.5px solid #a78bfa33;width:100px;height:100px;animation:18s linear infinite spin-ccw}.reticle-box{box-sizing:border-box;border:.5px solid #ffffff0d;width:150px;height:150px;position:absolute}.reticle-crosshair{width:12px;height:12px;position:absolute}.reticle-crosshair:before,.reticle-crosshair:after{content:"";background:#00f2fe66;position:absolute}.reticle-crosshair:before{width:12px;height:1px;top:5.5px;left:0}.reticle-crosshair:after{width:1px;height:12px;top:0;left:5.5px}.reticle-coords{font-family:var(--font-mono);box-sizing:border-box;background:#05070ce6;border:.5px solid #ffffff1a;border-radius:2px;flex-direction:column;gap:2px;min-width:140px;padding:4px 8px;font-size:8px;display:flex;position:absolute;top:110px;left:110px;box-shadow:0 4px 12px #00000080}.reticle-label{color:var(--neon-cyan);letter-spacing:.5px;font-weight:700}.reticle-val span{color:#64748b}.app-header{z-index:900;box-sizing:border-box;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020306f2;border-bottom:.5px solid #ffffff14;justify-content:space-between;align-items:center;width:100%;height:52px;padding:0 20px;display:flex;position:absolute;top:0;left:0;box-shadow:0 4px 20px #000c}.app-header .logo{align-items:center;gap:8px;display:flex}.app-header .logo-icon{color:var(--neon-cyan);text-shadow:0 0 8px var(--neon-cyan);font-size:16px;animation:30s linear infinite slow-spin}.app-header .logo-text{font-family:var(--font-sans);letter-spacing:.5px;color:#fff;font-size:15px;font-weight:700}.app-header .text-accent{color:var(--neon-cyan);text-shadow:0 0 6px #00f2fe80}.app-header .badge{font-family:var(--font-mono);color:var(--neon-cyan);text-transform:uppercase;background:#00f2fe14;border:.5px solid #ffffff1f;border-radius:2px;padding:1px 5px;font-size:8px}.app-header .nav-links{gap:10px;display:flex}.app-header .nav-btn{color:var(--text-dim);font-family:var(--font-sans);cursor:pointer;background:#00f2fe05;border:.5px solid #ffffff14;border-radius:2px;align-items:center;gap:5px;padding:5px 12px;font-size:11px;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.app-header .nav-btn:hover{color:var(--neon-cyan);background:#00f2fe0a;border-color:#00f2fe33}.app-header .nav-btn.active{color:var(--neon-cyan);border-color:var(--neon-cyan);text-shadow:0 0 6px #00f2fe66;background:#00f2fe14}.app-header .nav-btn.active:after{content:"";background:var(--neon-cyan);width:70%;height:1.5px;box-shadow:0 0 6px var(--neon-cyan);position:absolute;bottom:-1px;left:15%}.hud-status-bar{z-index:90;font-family:var(--font-mono);color:var(--text-dim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#04050ccc;border:.5px solid #ffffff14;border-radius:2px;gap:20px;padding:6px 16px;font-size:9px;display:flex;position:absolute;top:15px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000080}.hud-status-bar .status-item{align-items:center;gap:5px;display:flex}.hud-status-bar .status-item i{color:var(--neon-cyan)}.hud-status-bar .text-accent-glow{color:var(--neon-cyan);text-shadow:0 0 6px #00f2fe80;font-weight:600}.panel.glass{background:var(--bg-panel);-webkit-backdrop-filter:blur(25px)saturate(180%);box-sizing:border-box;border:.5px solid #ffffff14;border-radius:2px;flex-direction:column;padding:8px 10px;display:flex;overflow:hidden;box-shadow:0 12px 40px #000c,0 0 1px #ffffff0d}.panel.glass.flex-grow{flex-grow:1;min-height:0}.panel.glass.full-height{height:100%}.corner-decor{border:1px solid var(--neon-cyan);pointer-events:none;opacity:.6;width:6px;height:6px;position:absolute}.corner-decor.tl{border-bottom:none;border-right:none;top:-1px;left:-1px}.corner-decor.tr{border-bottom:none;border-left:none;top:-1px;right:-1px}.corner-decor.bl{border-top:none;border-right:none;bottom:-1px;left:-1px}.corner-decor.br{border-top:none;border-left:none;bottom:-1px;right:-1px}.panel-title{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.8px;color:var(--neon-cyan);text-shadow:0 0 6px #00f2fe59;border-bottom:1px solid #00f2fe1a;align-items:center;gap:6px;margin-top:0;margin-bottom:10px;padding-bottom:6px;font-size:11px;font-weight:700;display:flex}.hud-toggle-btn{border:1px solid var(--border-cyan);color:var(--neon-cyan);cursor:pointer;z-index:105;background:#04050ce6;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;box-shadow:0 2px 8px #0006}.hud-toggle-btn:hover{background:var(--neon-cyan);color:var(--bg-dark);box-shadow:0 0 10px var(--neon-cyan)}.hud-toggle-btn.left{border-left:none;border-radius:0 3px 3px 0;width:24px;height:40px;top:15px;right:-24px}.sidebar.left-panel.collapsed .hud-toggle-btn.left{right:-25px}.hud-toggle-btn.right{border-right:none;border-radius:3px 0 0 3px;width:24px;height:40px;top:15px;left:-24px}.sidebar.right-panel.collapsed .hud-toggle-btn.right{left:-25px}.hud-toggle-btn.bottom{border-bottom:none;border-radius:3px 3px 0 0;width:50px;height:24px;top:-24px;left:50%;transform:translate(-50%)}.input-field{border:1px solid var(--border-cyan);color:#fff;width:100%;font-size:11px;font-family:var(--font-sans);box-sizing:border-box;background:#020306d9;border-radius:2px;padding:6px 10px;transition:all .3s}.input-field:hover{border-color:#ffffff26}.input-field:focus{border-color:var(--neon-cyan);outline:none;box-shadow:0 0 6px #00f2fe26}.btn{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;box-sizing:border-box;border-radius:2px;justify-content:center;align-items:center;gap:6px;padding:5px 12px;font-size:10px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-primary{border:.5px solid var(--neon-cyan);color:var(--neon-cyan);text-shadow:0 0 4px #00f2fe4d;background:#00f2fe0d;box-shadow:0 0 8px #00f2fe0d}.btn-primary:hover:not(:disabled){background:var(--neon-cyan);color:var(--bg-dark);box-shadow:0 0 10px var(--neon-cyan);text-shadow:none}.btn-primary:disabled{opacity:.35;cursor:not-allowed;color:var(--text-dim);text-shadow:none;box-shadow:none;background:#ffffff05;border-color:#ffffff1a}.status-indicator{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.3px;border-radius:1px;padding:1px 4px;font-size:8px;font-weight:700}.status-indicator.active{color:var(--neon-green);text-shadow:0 0 4px #10b98133;background:#10b98114;border:.5px solid #10b9814d}.status-indicator.quarantine,.status-indicator.offline{color:var(--neon-amber);text-shadow:0 0 4px #f59e0b33;background:#f59e0b14;border:.5px solid #f59e0b4d}