:root{--color-primary: #667eea;--color-primary-dark: #764ba2;--color-primary-light: #818cf8;--color-secondary: #6b7280;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--color-success-bg: #d1fae5;--color-success-text: #065f46;--color-warning-bg: #fef3c7;--color-warning-text: #92400e;--color-error-bg: #fee2e2;--color-error-text: #991b1b;--color-info-bg: #dbeafe;--color-info-text: #1e40af;--color-primary-bg: #e0e7ff;--color-primary-text: #4f46e5;--bg-primary: #ffffff;--bg-secondary: #f9fafb;--bg-tertiary: #f3f4f6;--bg-hover: #f3f4f6;--text-primary: #111827;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--text-inverse: #ffffff;--border-color: #e5e7eb;--border-color-light: #f3f4f6;--border-color-dark: #d1d5db;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 1px 3px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 6px rgba(0, 0, 0, .1);--shadow-xl: 0 10px 15px rgba(0, 0, 0, .1);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--font-xs: 12px;--font-sm: 14px;--font-base: 16px;--font-lg: 18px;--font-xl: 20px;--font-2xl: 24px;--font-3xl: 30px}.dark-mode{--color-primary: #818cf8;--color-primary-dark: #667eea;--color-primary-light: #a5b4fc;--color-secondary: #9ca3af;--bg-primary: #1f2937;--bg-secondary: #111827;--bg-tertiary: #374151;--bg-hover: #374151;--text-primary: #f9fafb;--text-secondary: #d1d5db;--text-tertiary: #9ca3af;--text-inverse: #111827;--border-color: #374151;--border-color-light: #4b5563;--border-color-dark: #1f2937;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 1px 3px rgba(0, 0, 0, .4);--shadow-lg: 0 4px 6px rgba(0, 0, 0, .4);--shadow-xl: 0 10px 15px rgba(0, 0, 0, .4);--color-success-bg: #064e3b;--color-success-text: #6ee7b7;--color-warning-bg: #78350f;--color-warning-text: #fcd34d;--color-error-bg: #7f1d1d;--color-error-text: #fca5a5;--color-info-bg: #1e3a8a;--color-info-text: #93c5fd;--color-primary-bg: #3730a3;--color-primary-text: #a5b4fc}.compact-view{--spacing-xs: 2px;--spacing-sm: 4px;--spacing-md: 8px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-2xl: 32px;--font-xs: 11px;--font-sm: 12px;--font-base: 14px;--font-lg: 16px;--font-xl: 18px;--font-2xl: 20px;--font-3xl: 24px}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-secondary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}body{margin:0;font-size:16px;line-height:1.5}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-tertiary)}::-webkit-scrollbar-thumb{background:var(--border-color-dark);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.text-center{text-align:center}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}*:focus{outline:none}*:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::selection{background-color:var(--color-primary);color:var(--text-inverse)}::-moz-selection{background-color:var(--color-primary);color:var(--text-inverse)}