:root{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--bg-card: #ffffff;--bg-modal: #ffffff;--text-primary: #1f2937;--text-secondary: #374151;--text-tertiary: #6b7280;--text-quaternary: #9ca3af;--text-inverse: #ffffff;--border-primary: #e5e7eb;--border-secondary: #d1d5db;--border-tertiary: #f3f4f6;--accent-primary: #667eea;--accent-primary-hover: #5a67d8;--accent-primary-light: #f0f4ff;--accent-secondary: #764ba2;--accent-tertiary: #f59e0b;--success-bg: #d1fae5;--success-border: #a7f3d0;--success-text: #065f46;--success-icon: #10b981;--error-bg: #fee2e2;--error-border: #fecaca;--error-text: #991b1b;--error-icon: #ef4444;--warning-bg: #fef3c7;--warning-border: #fde68a;--warning-text: #92400e;--warning-icon: #f59e0b;--info-bg: #dbeafe;--info-border: #bfdbfe;--info-text: #1e40af;--info-icon: #3b82f6;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-secondary: linear-gradient(135deg, #f59e0b 0%, #ef4444 100%);--gradient-success: linear-gradient(135deg, #10b981 0%, #059669 100%);--font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--font-mono: "Fira Code", "Courier New", monospace;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--spacing-3xl: 30px;--spacing-4xl: 40px}.theme-dark{--bg-primary: #111827;--bg-secondary: #1f2937;--bg-tertiary: #374151;--bg-card: #1f2937;--bg-modal: #374151;--text-primary: #f9fafb;--text-secondary: #e5e7eb;--text-tertiary: #d1d5db;--text-quaternary: #9ca3af;--text-inverse: #111827;--border-primary: #374151;--border-secondary: #4b5563;--border-tertiary: #6b7280;--accent-primary: #818cf8;--accent-primary-hover: #6366f1;--accent-primary-light: #312e81;--accent-secondary: #a78bfa;--accent-tertiary: #fbbf24;--success-bg: #064e3b;--success-border: #047857;--success-text: #6ee7b7;--success-icon: #34d399;--error-bg: #7f1d1d;--error-border: #991b1b;--error-text: #fca5a5;--error-icon: #f87171;--warning-bg: #78350f;--warning-border: #92400e;--warning-text: #fcd34d;--warning-icon: #fbbf24;--info-bg: #1e3a8a;--info-border: #1e40af;--info-text: #93c5fd;--info-icon: #60a5fa;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 10px 10px -5px rgba(0, 0, 0, .4)}*{box-sizing:border-box}html{font-size:16px;line-height:1.5}body{font-family:var(--font-family);background-color:var(--bg-secondary);color:var(--text-primary);margin:0;padding:0;transition:background-color var(--transition-normal),color var(--transition-normal)}.theme-light,.theme-dark{transition:background-color var(--transition-normal),color var(--transition-normal),border-color var(--transition-normal)}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-tertiary{background-color:var(--bg-tertiary)}.bg-card{background-color:var(--bg-card)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-quaternary{color:var(--text-quaternary)}.text-inverse{color:var(--text-inverse)}.border-primary{border-color:var(--border-primary)}.border-secondary{border-color:var(--border-secondary)}.border-tertiary{border-color:var(--border-tertiary)}.accent-primary{background-color:var(--accent-primary)}.accent-primary-hover{background-color:var(--accent-primary-hover)}.accent-primary-light{background-color:var(--accent-primary-light)}.gradient-primary{background:var(--gradient-primary)}.gradient-secondary{background:var(--gradient-secondary)}.gradient-success{background:var(--gradient-success)}.card{background-color:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.card:hover{box-shadow:var(--shadow-md)}.btn{padding:var(--spacing-md) var(--spacing-xl);border:none;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:var(--spacing-sm)}.btn-primary{background-color:var(--accent-primary);color:var(--text-inverse)}.btn-primary:hover{background-color:var(--accent-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-primary)}.btn-secondary:hover{background-color:var(--bg-secondary);border-color:var(--border-secondary)}.form-input{width:100%;padding:var(--spacing-md) var(--spacing-lg);border:1px solid var(--border-primary);border-radius:var(--radius-md);background-color:var(--bg-primary);color:var(--text-primary);font-size:14px;transition:all var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #667eea1a}.form-input::placeholder{color:var(--text-quaternary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-tertiary)}::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:var(--radius-md)}::-webkit-scrollbar-thumb:hover{background:var(--text-quaternary)}.theme-dark::-webkit-scrollbar-track{background:var(--bg-primary)}.theme-dark::-webkit-scrollbar-thumb{background:var(--border-primary)}.theme-dark::-webkit-scrollbar-thumb:hover{background:var(--border-secondary)}