*{margin:0;padding:0;box-sizing:border-box}html,body,#app{width:100%;max-width:100%;min-width:0;overflow-x:hidden}:root{--bg-color: #ffffff;--bg-color-secondary: #f8f9fa;--header-bg: #ffffff;--footer-bg: #f8f9fa;--text-color: #1a1a1a;--text-color-secondary: #4a4a4a;--text-color-tertiary: #8a8a8a;--border-color: #e0e0e0;--border-color-light: #f0f0f0;--scrollbar-track: #f5f5f5;--scrollbar-thumb: #d0d0d0;--scrollbar-thumb-hover: #b0b0b0;--card-bg: #ffffff;--card-border: #e0e0e0;--shadow-color: rgba(0, 0, 0, .08);--input-bg: #ffffff;--input-border: #d0d0d0;--input-border-focus: #667eea;--empty-area-bg: #f8f9fa;--hover-bg: #f5f5f5}html.dark-theme{--bg-color: #0a0a0f;--bg-color-secondary: #141420;--header-bg: rgba(255, 255, 255, .05);--footer-bg: rgba(255, 255, 255, .03);--text-color: rgba(255, 255, 255, .9);--text-color-secondary: rgba(255, 255, 255, .8);--text-color-tertiary: rgba(255, 255, 255, .5);--border-color: rgba(255, 255, 255, .1);--border-color-light: rgba(255, 255, 255, .06);--scrollbar-track: rgba(255, 255, 255, .05);--scrollbar-thumb: rgba(255, 255, 255, .2);--scrollbar-thumb-hover: rgba(255, 255, 255, .3);--card-bg: rgba(255, 255, 255, .04);--card-border: rgba(255, 255, 255, .08);--shadow-color: rgba(0, 0, 0, .3);--input-bg: rgba(255, 255, 255, .04);--input-border: rgba(255, 255, 255, .1);--input-border-focus: #667eea;--empty-area-bg: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);--hover-bg: rgba(255, 255, 255, .05)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease}#app{min-height:100vh;overflow-y:auto;background:var(--bg-color);transition:background-color .3s ease}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}