:root{--bg-primary: #f7fafc;--bg-secondary: #ffffff;--bg-tertiary: #f7fafc;--text-primary: #2d3748;--text-secondary: #4a5568;--text-tertiary: #718096;--border-color: #e2e8f0;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 15px rgba(0, 0, 0, .2);--gradient-bg: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%)}.dark-mode{--bg-primary: #1a202c;--bg-secondary: #2d3748;--bg-tertiary: #374151;--text-primary: #f7fafc;--text-secondary: #e2e8f0;--text-tertiary: #cbd5e0;--border-color: #4a5568;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 15px rgba(0, 0, 0, .4);--gradient-bg: linear-gradient(135deg, #2d3748 0%, #1a202c 100%)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,sans-serif;color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;transition:background-color .3s ease,color .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .6s ease-out}