:root{--primary-50: #f0f4ff;--primary-100: #e0e9ff;--primary-200: #c7d7fe;--primary-300: #a5b9fc;--primary-400: #8b94f8;--primary-500: #667eea;--primary-600: #5a67d8;--primary-700: #4c51bf;--primary-800: #434190;--primary-900: #3c366b;--secondary-50: #faf5ff;--secondary-100: #f3e8ff;--secondary-200: #e9d5ff;--secondary-300: #d8b4fe;--secondary-400: #c084fc;--secondary-500: #764ba2;--secondary-600: #9333ea;--secondary-700: #7c3aed;--secondary-800: #6b21a8;--secondary-900: #581c87;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--info: #3b82f6;--bg-primary: var(--gray-50);--bg-secondary: var(--gray-100);--surface: #ffffff;--surface-hover: var(--gray-50);--text-primary: var(--gray-900);--text-secondary: var(--gray-600);--text-muted: var(--gray-500);--border-color: var(--gray-200);--border-hover: var(--gray-300);--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);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-mono: "Monaco", "Menlo", "Ubuntu Mono", monospace}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden}body{font-family:var(--font-family);line-height:1.6;color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6,p,ul,ol,li{margin:0;padding:0}*:focus{outline:2px solid var(--primary-500);outline-offset:2px}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-error{color:var(--error)}.text-info{color:var(--info)}