@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0b1220;--bg-secondary: #0f172a;--bg-tertiary: #151e30;--bg-elevated: #1a2540;--bg-surface: #1e2d4a;--glass-bg: rgba(255, 255, 255, .04);--glass-bg-hover: rgba(255, 255, 255, .07);--glass-border: rgba(255, 255, 255, .08);--glass-blur: blur(12px);--text-primary: rgba(226, 232, 240, .92);--text-secondary: rgba(255, 255, 255, .65);--text-muted: rgba(255, 255, 255, .4);--accent: #a78bfa;--accent-hover: #c4b5fd;--accent-subtle: rgba(167, 139, 250, .12);--accent-glow: rgba(167, 139, 250, .2);--accent-solid: #7c3aed;--cyan: #67e8f9;--cyan-subtle: rgba(103, 232, 249, .1);--danger: #ef4444;--danger-hover: #dc2626;--success: #6ee7b7;--success-subtle: rgba(110, 231, 183, .1);--warning: #f59e0b;--live-red: #ef4444;--border: rgba(255, 255, 255, .06);--border-strong: rgba(255, 255, 255, .1);--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--radius-xl: 20px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .2);--shadow-md: 0 8px 24px rgba(0, 0, 0, .28);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .35);--shadow-glow: 0 0 24px var(--accent-glow);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1)}html,body,#root{height:100%;width:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:linear-gradient(135deg,#0f172a,#0b1220);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button:focus-visible,[role=button]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button{cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;letter-spacing:.01em;border:none;border-radius:var(--radius);padding:10px 20px;transition:background-color .15s ease,transform .1s ease,opacity .15s ease;position:relative}button:active{transform:scale(.97)}button:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent-solid);color:#fff;box-shadow:var(--shadow-sm),0 0 0 0 var(--accent-glow)}.btn-primary:hover:not(:disabled){background:#8b5cf6;box-shadow:var(--shadow-md),var(--shadow-glow);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:var(--danger-hover);transform:translateY(-1px)}.btn-secondary{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-strong)}.btn-secondary:hover:not(:disabled){background:var(--bg-elevated);border-color:#ffffff26}.btn-ghost{background:transparent;color:var(--text-secondary);padding:8px 12px}.btn-ghost:hover:not(:disabled){background:var(--bg-surface);color:var(--text-primary)}.btn-icon{width:44px;height:44px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--bg-surface);color:var(--text-primary);font-size:18px;border:1px solid var(--border);transition:all var(--transition)}.btn-icon:hover{background:var(--bg-elevated)}.btn-icon:hover:not(:disabled){border-color:var(--border-strong);transform:scale(1.05)}.btn-icon.active{background:var(--danger);border-color:var(--danger);color:#fff}.btn-icon.active:hover:not(:disabled){background:var(--danger-hover)}input,select{font-family:inherit;font-size:14px;padding:11px 14px;border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--bg-tertiary);color:var(--text-primary);outline:none;transition:all var(--transition)}input:focus,select:focus{border-color:var(--accent-solid);box-shadow:0 0 0 3px var(--accent-subtle)}input::placeholder{color:var(--text-muted)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes livePulse{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 6px #ef444400}}@keyframes tickerScroll{0%{transform:translate(100%)}to{transform:translate(-100%)}}@keyframes timerPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes timerFlash{0%,to{opacity:1}50%{opacity:.3}}@keyframes neonGlow{0%,to{text-shadow:0 0 10px rgba(167,139,250,.8),0 0 20px rgba(167,139,250,.4)}50%{text-shadow:0 0 20px rgba(167,139,250,1),0 0 40px rgba(167,139,250,.6)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}input[type=range]{-webkit-appearance:none;height:4px;background:var(--bg-surface);border-radius:2px;outline:none;border:none;padding:0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid var(--bg-primary);box-shadow:0 1px 3px #0000004d}textarea{font-family:inherit}textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@keyframes panelSlideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.panel-slide-in{animation:panelSlideIn .2s ease-out}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .15s ease-out}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.toast{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:var(--radius);background:var(--bg-elevated);border:1px solid var(--border-strong);color:var(--text-primary);font-size:13px;font-weight:500;box-shadow:var(--shadow-lg);animation:toastSlideIn .25s ease-out;pointer-events:auto}.toast.toast-exit{animation:toastSlideOut .2s ease-in forwards}.not-found-page{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100%;background:var(--bg-primary);color:var(--text-primary);text-align:center;gap:16px;padding:20px}.not-found-page h1{font-size:96px;font-weight:700;line-height:1;color:var(--accent);margin:0}.not-found-page p{font-size:18px;color:var(--text-secondary);margin:0;max-width:400px}.not-found-page a{margin-top:8px;display:inline-flex;align-items:center;gap:8px;padding:10px 24px;background:var(--accent);color:#fff;font-size:14px;font-weight:600;border-radius:var(--radius);text-decoration:none;transition:background-color .15s ease}.not-found-page a:hover{background:var(--accent-hover)}