:root{--bg: #050414;--bg-secondary: #07061c;--surface: #0c0a24;--surface-hover: #131134;--surface-active: #1a1746;--border: rgba(124, 92, 255, .16);--border-strong: rgba(94, 234, 255, .34);--border-subtle: rgba(124, 92, 255, .09);--border-accent: #4ef0ff;--border-accent-orange: rgba(94, 234, 255, .22);--holo: #4ef0ff;--holo-soft: #6af6ff;--nebula: #9d5cff;--nebula-soft: #b98bff;--ion: #ff4fd8;--star: #eaf2ff;--plasma: #ffcc66;--text: #e4ecff;--text-secondary: #a9b4e0;--text-dim: #7c87b8;--text-muted: #5b6494;--text-faint: #454c74;--text-ghost: #353a58;--accent: #ffffff;--neon-orange: #ffcc66;--neon-cyan: #4ef0ff;--neon-green: #5af5c8;--neon-purple: #9d5cff;--neon-pink: #ff4fd8;--scrollbar-thumb: rgba(124, 92, 255, .38);--scrollbar-thumb-hover: rgba(94, 234, 255, .55);--input-bg: rgba(10, 8, 32, .7);--panel-bg: rgba(10, 8, 30, .55);--panel-border: rgba(124, 92, 255, .18);--glass-bg: rgba(10, 8, 30, .5);--glass-bg-mid: rgba(12, 10, 36, .66);--glass-bg-heavy: rgba(7, 5, 22, .8);--glass-border: rgba(124, 92, 255, .16);--glass-border-bright: rgba(94, 234, 255, .3);--font-display: "Orbitron", "Space Grotesk", system-ui, sans-serif}body{background:#050414!important;color:var(--text)}body:before{content:"";position:fixed;top:-20%;right:-20%;bottom:-20%;left:-20%;z-index:-3;pointer-events:none;background:radial-gradient(ellipse 38% 30% at 18% 22%,rgba(157,92,255,.3),transparent 60%),radial-gradient(ellipse 34% 40% at 84% 70%,rgba(78,240,255,.18),transparent 62%),radial-gradient(ellipse 50% 36% at 60% 12%,rgba(255,79,216,.12),transparent 58%),radial-gradient(ellipse 40% 50% at 30% 88%,rgba(124,92,255,.16),transparent 60%),radial-gradient(1.4px 1.4px at 12% 18%,rgba(234,242,255,.9),transparent 100%),radial-gradient(1.2px 1.2px at 27% 64%,rgba(234,242,255,.8),transparent 100%),radial-gradient(1.6px 1.6px at 41% 31%,rgba(186,220,255,.9),transparent 100%),radial-gradient(1px 1px at 58% 77%,rgba(234,242,255,.7),transparent 100%),radial-gradient(1.8px 1.8px at 69% 22%,rgba(255,230,255,.85),transparent 100%),radial-gradient(1.1px 1.1px at 78% 52%,rgba(200,224,255,.7),transparent 100%),radial-gradient(1.3px 1.3px at 88% 84%,rgba(234,242,255,.8),transparent 100%),radial-gradient(1px 1px at 6% 88%,rgba(234,242,255,.6),transparent 100%),radial-gradient(2px 2px at 49% 9%,rgba(255,255,255,.95),transparent 100%),radial-gradient(1.2px 1.2px at 92% 14%,rgba(214,232,255,.7),transparent 100%),#050414;background-repeat:no-repeat;animation:orbital-drift 90s ease-in-out infinite alternate}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;background-image:radial-gradient(1.5px 1.5px at 20% 35%,rgba(255,255,255,.95),transparent),radial-gradient(1.5px 1.5px at 65% 70%,rgba(120,230,255,.9),transparent),radial-gradient(2px 2px at 40% 80%,rgba(220,180,255,.9),transparent),radial-gradient(1.5px 1.5px at 85% 25%,rgba(255,255,255,.9),transparent),radial-gradient(1.5px 1.5px at 10% 60%,rgba(255,200,240,.85),transparent);background-repeat:no-repeat;animation:star-twinkle 5.5s ease-in-out infinite}@keyframes orbital-drift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(-2.5%,1.5%,0) scale(1.06)}}@keyframes star-twinkle{0%,to{opacity:.35}50%{opacity:.95}}#app:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:9990;pointer-events:none;background:linear-gradient(rgba(124,92,255,.045) 1px,transparent 1px) 0 0 / 100% 46px,linear-gradient(90deg,rgba(124,92,255,.045) 1px,transparent 1px) 0 0 / 46px 100%,linear-gradient(var(--holo),var(--holo)) 14px 14px / 46px 2px no-repeat,linear-gradient(var(--holo),var(--holo)) 14px 14px / 2px 46px no-repeat,linear-gradient(var(--holo),var(--holo)) right 14px top 14px / 46px 2px no-repeat,linear-gradient(var(--holo),var(--holo)) right 14px top 14px / 2px 46px no-repeat,linear-gradient(var(--holo),var(--holo)) left 14px bottom 14px / 46px 2px no-repeat,linear-gradient(var(--holo),var(--holo)) left 14px bottom 14px / 2px 46px no-repeat,linear-gradient(var(--holo),var(--holo)) right 14px bottom 14px / 46px 2px no-repeat,linear-gradient(var(--holo),var(--holo)) right 14px bottom 14px / 2px 46px no-repeat,radial-gradient(ellipse 120% 120% at 50% 50%,transparent 55%,rgba(2,1,10,.7) 100%);opacity:.55;mix-blend-mode:screen}#app:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:9991;pointer-events:none;background:repeating-linear-gradient(0deg,#0000 0,#0000 3px,#4ef0ff06 3px,#4ef0ff06 4px)}.app-shell:before{content:"WORLDVIEW · SYSTEMS ONLINE";position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;pointer-events:none;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:clamp(14px,2.4vw,30px);font-weight:800;letter-spacing:.55em;text-indent:.55em;color:var(--holo);text-shadow:0 0 22px rgba(78,240,255,.9),0 0 60px rgba(157,92,255,.6);background:linear-gradient(#4ef0ffd9,#4ef0ff00) center top / 100% 3px no-repeat,radial-gradient(ellipse at center,#08061af7,#03020c);animation:boot-seq 2.4s cubic-bezier(.7,0,.2,1) forwards}@keyframes boot-seq{0%{opacity:1;background-position-y:-4px,center;clip-path:inset(0 0 0 0)}55%{opacity:1;background-position-y:110%,center}70%{opacity:1}to{opacity:0;clip-path:inset(0 0 100% 0);visibility:hidden}}.header{background:linear-gradient(180deg,#0c0924c7,#0604149e)!important;border-bottom:1px solid rgba(94,234,255,.28)!important;-webkit-backdrop-filter:blur(26px) saturate(1.7)!important;backdrop-filter:blur(26px) saturate(1.7)!important;box-shadow:0 0 0 1px #7c5cff1f,0 1px #5eeaff59,0 14px 40px #0009!important;position:relative}.header:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--holo) 30%,var(--nebula) 60%,transparent);opacity:.8;animation:rail-sweep 6s linear infinite}@keyframes rail-sweep{0%{background-position:-100% 0}to{background-position:200% 0}}.header .header-clock,.map-hud-clock,.header-center{font-family:var(--font-display)!important;letter-spacing:.18em!important;color:var(--holo)!important;text-shadow:0 0 12px rgba(78,240,255,.55)}.side-nav{background:linear-gradient(180deg,#0a071eb3,#050412c7)!important;border-right:1px solid rgba(94,234,255,.22)!important;box-shadow:1px 0 #9d5cff40,inset -1px 0 30px #0006!important;-webkit-backdrop-filter:blur(26px) saturate(1.5)!important;backdrop-filter:blur(26px) saturate(1.5)!important}.side-nav-logo{font-family:var(--font-display)!important;font-weight:900!important;letter-spacing:.32em!important;color:var(--star)!important;text-shadow:0 0 16px rgba(78,240,255,.7),0 0 40px rgba(157,92,255,.4)}.side-nav-sub{color:var(--holo)!important;letter-spacing:.3em!important}.side-nav-section{color:var(--nebula-soft)!important}.side-nav-item{border:1px solid transparent!important;border-radius:6px!important;position:relative;transition:all .18s ease!important}.side-nav-item.active,.side-nav-item:hover{color:var(--star)!important;border-color:#5eeaff66!important;background:linear-gradient(90deg,#4ef0ff24,#9d5cff0f)!important;box-shadow:inset 0 0 18px #4ef0ff1a,inset 0 1px #ffffff14,0 0 16px #4ef0ff2e!important}.side-nav-item.active:before{content:"";position:absolute;left:-1px;top:50%;width:3px;height:60%;transform:translateY(-50%);background:var(--holo);box-shadow:0 0 10px var(--holo);border-radius:2px}.map-hud{background:linear-gradient(120deg,#0a071eb8,#100a2c99)!important;border-bottom:1px solid rgba(94,234,255,.24)!important;-webkit-backdrop-filter:blur(22px) saturate(1.6)!important;backdrop-filter:blur(22px) saturate(1.6)!important;box-shadow:0 1px #5eeaff4d,0 6px 24px #00000080!important}.map-hud-title{font-family:var(--font-display)!important;letter-spacing:.28em!important;color:var(--star)!important;text-shadow:0 0 14px rgba(78,240,255,.6)}.panel{background:linear-gradient(180deg,#0e0b2899,#08061880)!important;border:1px solid rgba(124,92,255,.2)!important;border-radius:4px!important;-webkit-backdrop-filter:blur(20px) saturate(1.5)!important;backdrop-filter:blur(20px) saturate(1.5)!important;box-shadow:0 0 0 1px #5eeaff0d,0 8px 30px #0009,inset 0 1px #96c8ff0f!important;transition:border-color .2s ease,box-shadow .25s ease,transform .18s ease!important}.panel:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;z-index:2;pointer-events:none;border-radius:3px;background:linear-gradient(var(--holo),var(--holo)) left top / 14px 1.5px no-repeat,linear-gradient(var(--holo),var(--holo)) left top / 1.5px 14px no-repeat,linear-gradient(var(--holo),var(--holo)) right top / 14px 1.5px no-repeat,linear-gradient(var(--holo),var(--holo)) right top / 1.5px 14px no-repeat,linear-gradient(var(--nebula),var(--nebula)) left bottom / 14px 1.5px no-repeat,linear-gradient(var(--nebula),var(--nebula)) left bottom / 1.5px 14px no-repeat,linear-gradient(var(--nebula),var(--nebula)) right bottom / 14px 1.5px no-repeat,linear-gradient(var(--nebula),var(--nebula)) right bottom / 1.5px 14px no-repeat;opacity:.45;transition:opacity .25s ease}.panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,transparent 0%,rgba(78,240,255,.07) 50%,transparent 100%);background-size:100% 220%;background-position:0 -120%;opacity:0;transition:opacity .2s ease}.panel:hover{border-color:#5eeaff8c!important;transform:translateY(-1px);box-shadow:0 0 0 1px #5eeaff40,0 14px 44px #000000b3,0 0 34px #4ef0ff29,inset 0 1px #96c8ff1a!important}.panel:hover:before{opacity:.95}.panel:hover:after{opacity:1;animation:panel-scan 1.5s ease-in-out}@keyframes panel-scan{0%{background-position:0 -120%}to{background-position:0 120%}}.panel-header{background:linear-gradient(180deg,#5eeaff0f,#7c5cff05)!important;border-bottom:1px solid rgba(94,234,255,.22)!important;box-shadow:0 1px #4ef0ff1f!important;position:relative}.panel-header:after{content:"";position:absolute;left:0;bottom:-1px;width:38%;height:1px;background:linear-gradient(90deg,var(--holo),transparent);box-shadow:0 0 8px var(--holo)}.panel-title{font-family:var(--font-display)!important;font-weight:700!important;letter-spacing:.16em!important;color:var(--star)!important;text-shadow:0 0 10px rgba(78,240,255,.4)}.panel-count{background:#4ef0ff1a!important;border:1px solid rgba(94,234,255,.3)!important;color:var(--holo-soft)!important;border-radius:3px!important;font-variant-numeric:tabular-nums}.panel-data-badge.live,.status-indicator-glow,.wc-dot.open,.status-dot.live{box-shadow:0 0 8px currentColor,0 0 16px currentColor!important;animation:node-pulse 2s ease-in-out infinite}@keyframes node-pulse{0%,to{opacity:1;filter:brightness(1)}50%{opacity:.65;filter:brightness(1.4)}}button:not(.panel-toggle-item):not(.side-nav-item),.btn,.icon-btn{transition:all .16s ease}button:not(.panel-toggle-item):not(.side-nav-item):hover,.icon-btn:hover{color:var(--holo)!important;text-shadow:0 0 8px rgba(78,240,255,.6)}input:focus,select:focus,textarea:focus{border-color:var(--holo)!important;box-shadow:0 0 0 1px #4ef0ff66,0 0 16px #4ef0ff40!important}*{scrollbar-color:rgba(124,92,255,.4) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#4ef0ff66,#9d5cff66);border-radius:4px}*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#4ef0ffb3,#9d5cffb3)}.settings-window-shell{background:transparent!important}.settings-window-header{background:linear-gradient(180deg,#0c0924b3,#06041480)!important;border-bottom:1px solid rgba(94,234,255,.26)!important;-webkit-backdrop-filter:blur(22px)!important;backdrop-filter:blur(22px)!important;box-shadow:0 1px #5eeaff4d!important}.settings-window-title{font-family:var(--font-display)!important;letter-spacing:.24em!important;color:var(--star)!important;text-shadow:0 0 14px rgba(78,240,255,.5)}.panel-toggle-item{background:#7c5cff0a!important;border:1px solid rgba(124,92,255,.14)!important;border-radius:6px!important;color:var(--text-dim)!important}.panel-toggle-item:hover{background:#4ef0ff12!important;border-color:#5eeaff59!important;color:var(--text-secondary)!important}.panel-toggle-item.active{background:#7c5cff14!important;border-color:#7c5cff38!important;color:var(--text)!important}.panel-toggle-item.active .panel-toggle-checkbox{background:var(--holo)!important;border-color:var(--holo)!important;color:#04121a!important;box-shadow:0 0 10px #4ef0ffb3}.panel-toggle-item.changed{border-left:2px solid var(--ion)!important}.settings-shell{--settings-bg: transparent;--settings-surface: rgba(124, 92, 255, .05);--settings-border: rgba(124, 92, 255, .16);--settings-border-strong: rgba(94, 234, 255, .3);--settings-accent: var(--holo);background:radial-gradient(ellipse 70% 50% at 20% 0%,rgba(157,92,255,.22),transparent 60%),radial-gradient(ellipse 60% 50% at 85% 100%,rgba(78,240,255,.14),transparent 55%),#050414!important}@media(prefers-reduced-motion:reduce){body:before,body:after,.header:after,.panel:after,.panel-data-badge.live,.status-indicator-glow,.app-shell:before{animation:none!important}.app-shell:before{display:none!important}}