:root{--bg-primary: #f5f5f5;--bg-secondary: #ffffff;--bg-card: #ffffff;--text-primary: #333333;--text-secondary: #666666;--border-color: #e0e0e0;--header-bg: #ffffff;--header-text: #333333;--sidebar-bg: #ffffff;--sidebar-text: #333333;--accent-color: #667eea;--accent-hover: #5568d3;--shadow-sm: rgba(0, 0, 0, .05);--shadow-md: rgba(0, 0, 0, .1);--shadow-lg: rgba(0, 0, 0, .15)}html[data-theme=dark]{--bg-primary: #1a1a1a;--bg-secondary: #2d2d2d;--bg-card: #2d2d2d;--text-primary: #f0f0f0;--text-secondary: #b8b8b8;--border-color: #404040;--header-bg: #2d2d2d;--header-text: #f0f0f0;--sidebar-bg: #252525;--sidebar-text: #f0f0f0;--accent-color: #8b9cff;--accent-hover: #a5b4ff;--shadow-sm: rgba(0, 0, 0, .3);--shadow-md: rgba(0, 0, 0, .4);--shadow-lg: rgba(0, 0, 0, .5)}html,body{background-color:var(--bg-primary);color:var(--text-primary);margin:0;padding:0;overflow-x:hidden;width:100%;max-width:100vw}#app{width:100%;max-width:100vw;overflow-x:hidden}html{transition:background-color .3s ease,color .3s ease}html *{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}html *:is(input[type=range],input[type=checkbox],input[type=radio],[role=progressbar],video,audio,canvas,img){transition:none}html[data-theme=dark] ::-webkit-scrollbar{width:8px;height:8px}html[data-theme=dark] ::-webkit-scrollbar-track{background:#2d2d2d}html[data-theme=dark] ::-webkit-scrollbar-thumb{background:#555;border-radius:4px}html[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#666}html[data-theme=light] ::-webkit-scrollbar{width:8px;height:8px}html[data-theme=light] ::-webkit-scrollbar-track{background:#f1f1f1}html[data-theme=light] ::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}html[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#a8a8a8}