:root{--bg-primary: #F0F4F8;--bg-surface: #FFFFFF;--bg-card: #FFFFFF;--bg-card-hover: #F8FAFC;--text-primary: #1e293b;--text-secondary: #64748b;--text-muted: #94a3b8;--border: #e2e8f0;--border-light: #f1f5f9;--accent: #00D4AA;--accent-dim: #00A888;--accent-glow: rgba(0, 212, 170, .15);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .5);font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=dark]{--bg-primary: #0B0F1A;--bg-surface: #131825;--bg-card: #161C2E;--bg-card-hover: #1D2540;--text-primary: #E8ECF4;--text-secondary: #8B95AD;--text-muted: #5A6580;--border: #252D44;--border-light: #2A3452;--accent: #00D4AA;--accent-dim: #00A888;--accent-glow: rgba(0, 212, 170, .12);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .3);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .3);--glass-bg: rgba(22, 28, 46, .7);--glass-border: rgba(37, 45, 68, .5)}body{margin:0;padding:0;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease;overflow:hidden;height:100vh;width:100vw}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border)}.card-hover:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--accent)}@media (max-width: 768px){body{overflow:auto;overflow-x:hidden}}