:root{--bg-primary: #07090e;--bg-secondary: #0c1017;--bg-card: rgba(14, 18, 27, .85);--bg-card-hover: rgba(20, 26, 40, .9);--bg-elevated: rgba(22, 28, 42, .7);--glass-border: rgba(255, 255, 255, .06);--glass-border-hover: rgba(255, 255, 255, .12);--glass-blur: 20px;--accent-primary: #00e5c8;--accent-primary-dim: rgba(0, 229, 200, .15);--accent-primary-glow: rgba(0, 229, 200, .3);--accent-secondary: #6366f1;--accent-secondary-dim: rgba(99, 102, 241, .15);--accent-warm: #f59e0b;--accent-warm-dim: rgba(245, 158, 11, .15);--accent-danger: #ef4444;--accent-danger-dim: rgba(239, 68, 68, .15);--accent-success: #22c55e;--accent-success-dim: rgba(34, 197, 94, .15);--text-primary: #f0f2f5;--text-secondary: #8b92a5;--text-tertiary: #525a6e;--text-accent: var(--accent-primary);--font-display: "Outfit", sans-serif;--font-mono: "JetBrains Mono", monospace;--sidebar-width: 260px;--header-height: 72px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--bg-subtle: rgba(255, 255, 255, .03);--bg-subtle-hover: rgba(255, 255, 255, .06);--border-subtle: rgba(255, 255, 255, .04);--border-subtle-strong: rgba(255, 255, 255, .08);--border-dashed: rgba(255, 255, 255, .12);--text-on-accent: #07090e;--overlay-bg: rgba(0, 0, 0, .6);--score-bar-track: rgba(255, 255, 255, .06);--shadow-card: 0 4px 24px rgba(0, 0, 0, .4), 0 0 0 1px var(--glass-border);--shadow-glow: 0 0 40px var(--accent-primary-dim);--shadow-elevated: 0 8px 40px rgba(0, 0, 0, .5)}[data-theme=light]{--bg-primary: #f0f2f5;--bg-secondary: #ffffff;--bg-card: #ffffff;--bg-card-hover: #f7f8fa;--bg-elevated: #f3f4f7;--glass-border: #e0e3ea;--glass-border-hover: #c8cdd6;--glass-blur: 0px;--accent-primary: #099e84;--accent-primary-dim: rgba(9, 158, 132, .1);--accent-primary-glow: rgba(9, 158, 132, .18);--accent-secondary: #5558e6;--accent-secondary-dim: rgba(85, 88, 230, .1);--accent-warm: #c2700a;--accent-warm-dim: rgba(194, 112, 10, .1);--accent-danger: #dc2626;--accent-danger-dim: rgba(220, 38, 38, .08);--accent-success: #16a34a;--accent-success-dim: rgba(22, 163, 74, .08);--text-primary: #111318;--text-secondary: #454d60;--text-tertiary: #7c8496;--bg-subtle: #f5f6f9;--bg-subtle-hover: #eceef2;--border-subtle: #e4e7ed;--border-subtle-strong: #d5d9e2;--border-dashed: #bfc4cf;--text-on-accent: #ffffff;--overlay-bg: rgba(17, 19, 24, .48);--score-bar-track: #e4e7ed;--shadow-card: 0 1px 3px rgba(0, 0, 0, .06), 0 0 0 1px #e0e3ea;--shadow-glow: none;--shadow-elevated: 0 8px 24px rgba(0, 0, 0, .1), 0 0 0 1px #e0e3ea}[data-theme=light] body:before{opacity:0}[data-theme=light] body:after{display:none}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:var(--font-display);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-synthesis:none;text-rendering:optimizeLegibility}select,select option{color-scheme:dark;background:var(--bg-card);color:var(--text-secondary)}[data-theme=light] select,[data-theme=light] select option{color-scheme:light}.avatar-tooltip-wrap:hover .avatar-tooltip{opacity:1!important}.dropdown-menu button:hover{background:#ffffff0f;color:var(--text-primary)}[data-theme=light] .dropdown-menu button:hover{background:#f0f2f5}[data-theme=light] ::-webkit-scrollbar-thumb{background:#c8cdd6}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#a8aeb8}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-tertiary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:0}body:after{content:"";position:fixed;top:-200px;right:-200px;width:600px;height:600px;background:radial-gradient(circle,var(--accent-primary-dim) 0%,transparent 70%);pointer-events:none;z-index:0;animation:float-orb 20s ease-in-out infinite}@keyframes float-orb{0%,to{transform:translate(0)}33%{transform:translate(-80px,60px)}66%{transform:translate(40px,-40px)}}@media(max-width:768px){:root{--sidebar-width: 0px;--header-height: 60px}body:after{width:300px;height:300px;top:-100px;right:-100px}}.mobile-overlay{display:none}@media(max-width:768px){.mobile-overlay{display:block;position:fixed;inset:0;background:var(--overlay-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:40;animation:fade-in .2s ease}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}