@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@300;400;500;600;700&family=IBM+Plex+Sans:wght@400;500;600&display=swap";:root{--color-primary: #00ff88;--color-primary-dim: #00cc6a;--color-primary-muted: rgba(0, 255, 136, .15);--color-primary-glow: rgba(0, 255, 136, .4);--color-secondary: #00d4ff;--color-secondary-dim: #00a8cc;--color-secondary-muted: rgba(0, 212, 255, .15);--color-secondary-glow: rgba(0, 212, 255, .4);--color-accent: #a855f7;--color-accent-dim: #8b3fd4;--color-accent-muted: rgba(168, 85, 247, .15);--color-accent-glow: rgba(168, 85, 247, .4);--color-warn: #ffaa00;--color-warn-dim: #cc8800;--color-warn-muted: rgba(255, 170, 0, .15);--color-warn-glow: rgba(255, 170, 0, .3);--color-danger: #ff3366;--color-danger-dim: #cc2952;--color-danger-muted: rgba(255, 51, 102, .15);--color-danger-glow: rgba(255, 51, 102, .3);--bg-void: #000000;--bg-deep: #030608;--bg-surface: rgba(6, 14, 20, .85);--bg-elevated: rgba(10, 22, 32, .9);--bg-panel: rgba(8, 18, 28, .75);--bg-input: rgba(4, 10, 18, .9);--bg-hover: rgba(0, 212, 255, .06);--border-subtle: rgba(0, 212, 255, .08);--border-dim: rgba(0, 212, 255, .15);--border-medium: rgba(0, 212, 255, .25);--border-bright: rgba(0, 255, 136, .4);--border-radius: 6px;--border-radius-lg: 12px;--text-primary: #e8f0f8;--text-secondary: #8899aa;--text-dim: #6b7f8f;--text-accent: var(--color-secondary);--text-glow: var(--color-primary);--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--font-accent: "IBM Plex Sans", var(--font-body);--text-xs: .7rem;--text-sm: .8rem;--text-base: .9rem;--text-lg: 1.05rem;--text-xl: 1.25rem;--text-2xl: 1.6rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--sidebar-width: 64px;--sidebar-expanded: 220px;--topbar-height: 52px;--content-max-width: 1400px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--transition-fast: .12s ease;--transition-smooth: .25s ease;--transition-slow: .4s ease;--glow-primary: 0 0 20px rgba(0, 255, 136, .15), 0 0 40px rgba(0, 255, 136, .05);--glow-secondary: 0 0 20px rgba(0, 212, 255, .15), 0 0 40px rgba(0, 212, 255, .05);--glow-danger: 0 0 20px rgba(255, 51, 102, .2), 0 0 40px rgba(255, 51, 102, .05);--glow-warn: 0 0 20px rgba(255, 170, 0, .15), 0 0 40px rgba(255, 170, 0, .05);--shadow-panel: 0 4px 24px rgba(0, 0, 0, .5), 0 0 1px rgba(0, 212, 255, .1);--grid-color: rgba(0, 212, 255, .03);--grid-size: 40px;--dot-color: rgba(0, 212, 255, .03)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary);background:var(--bg-void);line-height:1.6;overflow-x:hidden;min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00d4ff26;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00d4ff4d}*{scrollbar-width:thin;scrollbar-color:rgba(0,212,255,.15) transparent}::selection{background:#00d4ff40;color:#fff}:focus-visible{outline:1px solid var(--color-secondary);outline-offset:2px;border-radius:2px}a{color:var(--color-secondary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary)}.dot-grid{position:fixed;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(circle,var(--dot-color) 1px,transparent 1px);background-size:var(--grid-size) var(--grid-size)}.scan-line{position:fixed;inset:0;z-index:1;pointer-events:none;overflow:hidden}.scan-line:after{content:"";position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(0,212,255,.06),rgba(0,255,136,.04),transparent);animation:scanSweep 8s linear infinite}@keyframes scanSweep{0%{top:-2px}to{top:100%}}.glass-panel{background:var(--bg-panel);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-dim);border-radius:var(--border-radius);transition:border-color var(--transition-smooth),box-shadow var(--transition-smooth)}.glass-panel:hover{border-color:var(--border-medium)}.glass-panel-elevated{background:var(--bg-elevated);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-dim);border-radius:var(--border-radius);box-shadow:var(--shadow-panel)}.hud-corners{position:relative}.hud-corners:before,.hud-corners:after{content:"";position:absolute;width:16px;height:16px;pointer-events:none;z-index:1}.hud-corners:before{top:-1px;left:-1px;border-top:2px solid var(--color-secondary);border-left:2px solid var(--color-secondary)}.hud-corners:after{bottom:-1px;right:-1px;border-bottom:2px solid var(--color-primary);border-right:2px solid var(--color-primary)}.hud-corner-tr{position:absolute;top:-1px;right:-1px;width:16px;height:16px;border-top:2px solid var(--color-primary);border-right:2px solid var(--color-primary);pointer-events:none;z-index:1}.hud-corner-bl{position:absolute;bottom:-1px;left:-1px;width:16px;height:16px;border-bottom:2px solid var(--color-secondary);border-left:2px solid var(--color-secondary);pointer-events:none;z-index:1}.gradient-border{position:relative;background:var(--bg-panel);border-radius:var(--border-radius);z-index:0}.gradient-border:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,var(--color-secondary),var(--color-primary),var(--color-accent),var(--color-secondary));background-size:300% 300%;animation:gradientShift 6s ease infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:-1;opacity:0;transition:opacity var(--transition-smooth)}.gradient-border:hover:before,.gradient-border.active:before{opacity:1}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:500;letter-spacing:.03em;text-transform:uppercase;border:1px solid var(--border-dim);border-radius:var(--border-radius);background:var(--bg-input);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn:hover{border-color:var(--color-secondary);box-shadow:var(--glow-secondary);color:var(--color-secondary)}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg,#00ff8826,#00d4ff26);border-color:var(--color-primary);color:var(--color-primary)}.btn-primary:hover{background:linear-gradient(135deg,#00ff8840,#00d4ff40);box-shadow:var(--glow-primary);color:var(--color-primary);border-color:var(--color-primary)}.btn-danger{border-color:var(--color-danger-dim);color:var(--color-danger)}.btn-danger:hover{background:var(--color-danger-muted);border-color:var(--color-danger);box-shadow:var(--glow-danger)}.btn-ghost{border-color:transparent;background:transparent}.btn-ghost:hover{background:var(--bg-hover);border-color:var(--border-dim)}.btn-terminal{font-family:var(--font-mono);background:transparent;border:1px solid var(--border-dim);color:var(--color-primary);padding:var(--space-sm) var(--space-lg);text-align:left}.btn-terminal:before{content:">_ ";color:var(--color-secondary);opacity:.7}.btn-terminal:hover{background:var(--color-primary-muted);border-color:var(--color-primary);box-shadow:var(--glow-primary)}.input{width:100%;padding:10px 14px;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-dim);border-radius:var(--border-radius);transition:all var(--transition-fast)}.input::placeholder{color:var(--text-dim);font-family:var(--font-mono)}.input:focus{outline:none;border-color:var(--color-secondary);box-shadow:0 0 0 3px #00d4ff1a,0 0 20px #00d4ff14}.input:hover:not(:focus){border-color:var(--border-medium)}.label{display:block;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);margin-bottom:var(--space-xs)}.mono{font-family:var(--font-mono)}.data-label{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim)}.data-value{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:600;color:var(--text-primary)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulseDot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.4}}@keyframes pulseRing{0%{transform:scale(1);opacity:.6}to{transform:scale(2.5);opacity:0}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes glowPulse{0%,to{box-shadow:0 0 10px #00ff881a}50%{box-shadow:0 0 25px #0f83,0 0 50px #00ff880d}}@keyframes borderGlow{0%,to{border-color:#00d4ff33}50%{border-color:#0f86}}@keyframes radarPing{0%{transform:scale(.8);opacity:1}to{transform:scale(2.2);opacity:0}}@keyframes gradientMesh{0%{background-position:0% 50%}25%{background-position:50% 0%}50%{background-position:100% 50%}75%{background-position:50% 100%}to{background-position:0% 50%}}.terminal-cursor:after{content:"_";color:var(--color-primary);animation:blink 1s step-end infinite;margin-left:2px}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--color-danger);position:relative}.live-dot:after{content:"";position:absolute;inset:-3px;border-radius:50%;border:1px solid var(--color-danger);animation:radarPing 1.5s ease-out infinite}.radar-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--color-primary);position:relative}.radar-dot:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1px solid var(--color-primary);animation:radarPing 2s ease-out infinite}.radar-dot.disconnected{background:var(--text-dim)}.radar-dot.disconnected:after{display:none}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-secondary)}.text-accent{color:var(--color-accent)}.text-warn{color:var(--color-warn)}.text-danger{color:var(--color-danger)}.text-dim{color:var(--text-dim)}.text-muted{color:var(--text-secondary)}.glow-primary{text-shadow:0 0 10px var(--color-primary-glow)}.glow-secondary{text-shadow:0 0 10px var(--color-secondary-glow)}.glow-danger{text-shadow:0 0 10px var(--color-danger-glow)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.scan-line:after{display:none}}