:root{--bg-primary: #1e1e1e;--bg-secondary: #2d2d2d;--bg-tertiary: #3d3d3d;--text-primary: #ffffff;--text-secondary: #b0b0b0;--accent-blue: #3b82f6;--accent-yellow: #eab308;--accent-red: #ef4444;--border-color: #4b5563;--header-height: 60px}[data-theme=light]{--bg-primary: #f3f4f6;--bg-secondary: #ffffff;--bg-tertiary: #e5e7eb;--text-primary: #1f2937;--text-secondary: #4b5563;--accent-blue: #2563eb;--accent-yellow: #d97706;--accent-red: #dc2626;--border-color: #d1d5db}body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);overflow:hidden}#root{height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-color)}.btn{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);padding:8px 16px;cursor:pointer;transition:background-color .2s}.btn:hover{background-color:var(--border-color)}