:root{--bg-app: #05060a;--bg-panel: #0f121d;--bg-hover: #1a1f30;--color-surface: #0f121d;--neon-cyan: #00f2ff;--neon-purple: #bd93f9;--neon-green: #00ff9d;--neon-red: #ff3860;--neon-yellow: #f1c40f;--text-primary: #ffffff;--text-secondary: #a8b0cf;--text-muted: #5c627a;--glass-bg: rgba(15, 18, 29, .7);--glass-border: rgba(255, 255, 255, .08);--glass-blur: blur(12px);--glow-shadow-cyan: 0 0 8px rgba(0, 242, 255, .25);--color-bg-main: var(--bg-app);--color-surface-alt: #161a2b;--color-primary: var(--neon-purple);--color-primary-soft: #d6b3ff;--color-text-primary: var(--text-primary);--color-text-secondary: var(--text-secondary);--color-border-subtle: var(--glass-border);--color-border-strong: rgba(255, 255, 255, .15);--font-family-base: "Space Grotesk", system-ui, -apple-system, sans-serif;--font-family-mono: "JetBrains Mono", monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--scrollbar-thumb: #2A2F3E;--scrollbar-thumb-hover: #472A64;--card-bg-gradient: linear-gradient(145deg, rgba(15,18,29,.9) 0%, rgba(15,18,29,.4) 100%);--table-header-bg: rgba(22, 26, 43, .8);--table-row-hover-bg: rgba(0, 242, 255, .05);--neon-cyan-glow: rgba(0, 242, 255, .3);--neon-purple-glow: rgba(189, 147, 249, .3);--glow-border-lo: rgba(0, 242, 255, .25);--glow-border-hi: rgba(0, 242, 255, .4);--focus-ring-shadow: 0 0 0 3px rgba(0, 242, 255, .3);--card-hover-border: rgba(255, 255, 255, .12);--text-glow-shadow: rgba(255, 255, 255, .3);--data-stream-glow: rgba(0, 242, 255, .1)}[data-theme=light]{--bg-app: linear-gradient(135deg, #F0F4F8 0%, #E8EDF5 100%);--bg-panel: #FFFFFF;--bg-hover: #F1F5F9;--color-surface: #FFFFFF;--neon-cyan: #0891B2;--neon-purple: #7C3AED;--neon-green: #059669;--neon-red: #DC2626;--neon-yellow: #D97706;--text-primary: #0F172A;--text-secondary: #475569;--text-muted: #94A3B8;--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(15, 23, 42, .08);--glass-blur: blur(12px);--glow-shadow-cyan: 0 0 8px rgba(8, 145, 178, .2);--color-bg-main: var(--bg-app);--color-surface-alt: #F1F5F9;--color-primary: var(--neon-purple);--color-primary-soft: #A78BFA;--color-text-primary: var(--text-primary);--color-text-secondary: var(--text-secondary);--color-border-subtle: var(--glass-border);--color-border-strong: rgba(15, 23, 42, .15);--scrollbar-thumb: #CBD5E1;--scrollbar-thumb-hover: #94A3B8;--card-bg-gradient: linear-gradient(145deg, rgba(255,255,255,.95) 0%, rgba(248,250,252,.8) 100%);--table-header-bg: rgba(241, 245, 249, .9);--table-row-hover-bg: rgba(8, 145, 178, .05);--neon-cyan-glow: rgba(8, 145, 178, .3);--neon-purple-glow: rgba(124, 58, 237, .3);--glow-border-lo: rgba(8, 145, 178, .3);--glow-border-hi: rgba(8, 145, 178, .6);--focus-ring-shadow: 0 0 0 3px rgba(8, 145, 178, .3);--card-hover-border: rgba(15, 23, 42, .12);--text-glow-shadow: rgba(15, 23, 42, .2);--data-stream-glow: rgba(8, 145, 178, .1)}.glass-panel{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:0 4px 30px #0000004d}.MuiDrawer-root .MuiDrawer-paper{transition:width .2s ease,min-width .2s ease}@media (max-width: 600px){.glass-panel,.app-card{backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important}}.text-glow{text-shadow:0 0 6px var(--text-glow-shadow)}.text-neon-cyan{color:var(--neon-cyan);text-shadow:0 0 3px var(--neon-cyan-glow)}.text-neon-purple{color:var(--neon-purple);text-shadow:0 0 3px var(--neon-purple-glow)}body{font-family:var(--font-family-base);background-color:var(--bg-app);color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-base);letter-spacing:-.02em}code,pre,.font-mono{font-family:var(--font-family-mono)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-app)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.app-card{background:var(--bg-panel);background:var(--card-bg-gradient);border:1px solid var(--glass-border);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}@keyframes pulse-glow{0%,to{box-shadow:0 0 4px currentColor;opacity:1}50%{box-shadow:0 0 10px currentColor,0 0 16px currentColor;opacity:.95}}.status-pulse{animation:pulse-glow 2s ease-in-out infinite}@keyframes scan{0%{transform:translateY(-100%);opacity:0}50%{opacity:1}to{transform:translateY(100%);opacity:0}}.scan-line:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--neon-cyan),transparent);opacity:.2;animation:scan 3s linear infinite;pointer-events:none}.hover-lift{transition:transform .2s ease,box-shadow .2s ease}.hover-lift:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.slide-in-right{animation:slideInRight .3s ease-out}@keyframes glow-border{0%,to{border-color:var(--glow-border-lo)}50%{border-color:var(--glow-border-hi)}}.glow-border{animation:glow-border 2s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.typing-cursor:after{content:"|";animation:blink 1s step-end infinite;color:var(--neon-cyan);margin-left:2px}@keyframes ripple{0%{transform:scale(0);opacity:.5}to{transform:scale(4);opacity:0}}.theme-transition{transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}.focus-ring:focus,.focus-ring:focus-visible{outline:none;box-shadow:var(--focus-ring-shadow)}a:focus-visible,button:focus-visible,[role=button]:focus-visible{outline:2px solid var(--neon-cyan);outline-offset:2px}.skip-link{position:absolute;top:-40px;left:0;background:var(--neon-cyan);color:var(--bg-app);padding:8px 16px;z-index:10000;font-weight:600;text-decoration:none;border-radius:0 0 4px;transition:top .3s}.skip-link:focus{top:0}.card-hover-glow{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.card-hover-glow:hover{box-shadow:0 4px 20px #0003;border-color:var(--card-hover-border)}@keyframes dataStream{0%{background-position:0% 0%}to{background-position:0% 100%}}.data-stream{background:linear-gradient(180deg,transparent 0%,var(--data-stream-glow) 50%,transparent 100%);background-size:100% 200%;animation:dataStream 2s linear infinite}.data-table thead{background:var(--table-header-bg);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.data-table th{font-family:var(--font-family-mono);letter-spacing:1px}.data-table tbody tr:hover{background:var(--table-row-hover-bg);box-shadow:inset 2px 0 0 0 var(--neon-cyan)}
