:root{--color-primary-50:#f8fafc;--color-primary-100:#f1f5f9;--color-primary-200:#e2e8f0;--color-primary-300:#cbd5e1;--color-primary-400:#94a3b8;--color-primary-500:#1e293b;--color-primary-600:#0f172a;--color-primary-700:#020617;--color-primary-800:#000000;--color-primary-900:#000000;--color-success-50:#f0fdf4;--color-success-100:#dcfce7;--color-success-500:#22c55e;--color-success-600:#16a34a;--color-success-700:#15803d;--color-warning-50:#fffbeb;--color-warning-100:#fef3c7;--color-warning-500:#f59e0b;--color-warning-600:#d97706;--color-warning-700:#b45309;--color-error-50:#fef2f2;--color-error-100:#fee2e2;--color-error-500:#ef4444;--color-error-600:#dc2626;--color-error-700:#b91c1c;--color-info-50:#ecfeff;--color-info-100:#cffafe;--color-info-500:#06b6d4;--color-info-600:#0891b2;--color-white:#ffffff;--color-black:#000000;--color-gray-50:#f8fafc;--color-gray-100:#f1f5f9;--color-gray-200:#e2e8f0;--color-gray-300:#cbd5e1;--color-gray-400:#94a3b8;--color-gray-500:#64748b;--color-gray-600:#475569;--color-gray-700:#334155;--color-gray-800:#1e293b;--color-gray-900:#0f172a;--color-gray-950:#020617;--color-bg-page:var(--color-gray-50);--color-bg-card:var(--color-white);--color-bg-elevated:var(--color-gray-100);--color-bg-input:var(--color-white);--color-bg-input-hover:var(--color-gray-50);--color-border-light:var(--color-gray-200);--color-border-default:var(--color-gray-300);--color-border-strong:var(--color-gray-400);--color-text-primary:var(--color-gray-900);--color-text-secondary:var(--color-gray-700);--color-text-muted:var(--color-gray-500);--color-text-placeholder:var(--color-gray-400);--color-text-inverse:var(--color-white);--font-sans:'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;--font-mono:'SF Mono', 'Fira Code', 'Fira Mono', 'Roboto Mono', monospace;--font-size-xs:0.6875rem;--font-size-sm:0.8125rem;--font-size-base:0.875rem;--font-size-lg:1rem;--font-size-xl:1.125rem;--font-size-2xl:1.25rem;--font-size-3xl:1.5rem;--font-size-4xl:1.875rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.625;--letter-spacing-tight:-0.025em;--letter-spacing-normal:0;--letter-spacing-wide:0.025em;--letter-spacing-wider:0.05em;--letter-spacing-widest:0.1em;--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:0.5rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-none:0;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-xs:0 1px 2px 0 rgba(0, 0, 0, 0.05);--shadow-sm:0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);--shadow-md:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);--shadow-lg:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);--shadow-xl:0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);--shadow-2xl:0 25px 50px -12px rgba(0, 0, 0, 0.25);--shadow-inner:inset 0 2px 4px 0 rgba(0, 0, 0, 0.05);--shadow-focus:0 0 0 3px rgba(30, 41, 59, 0.4);--shadow-focus-error:0 0 0 3px rgba(239, 68, 68, 0.4);--shadow-focus-success:0 0 0 3px rgba(34, 197, 94, 0.4);--transition-fast:150ms ease;--transition-base:200ms ease;--transition-slow:300ms ease;--transition-slower:500ms ease;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-popover:600;--z-tooltip:700;--z-toast:800;--grid-columns:12;--grid-gutter:1.5rem;--grid-max-width:80rem;--input-height-sm:1.75rem;--input-height-md:2.125rem;--input-height-lg:2.5rem;--btn-height-sm:1.75rem;--btn-height-md:2rem;--btn-height-lg:2.5rem;--icon-xs:0.625rem;--icon-sm:0.875rem;--icon-md:1rem;--icon-lg:1.25rem;--icon-xl:1.5rem;}*, *::before, *::after{box-sizing:border-box;margin:0;padding:0;}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;}body{font-family:var(--font-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-bg-page);min-height:100vh;}::-webkit-scrollbar{width:6px;height:6px;}::-webkit-scrollbar-track{background:transparent;}::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:var(--radius-full);}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400);}.container{width:100%;max-width:var(--grid-max-width);margin-left:auto;margin-right:auto;padding-left:var(--space-4);padding-right:var(--space-4);}@media (min-width:768px){.container{padding-left:var(--space-6);padding-right:var(--space-6);}}.flex{display:flex;}.items-center{align-items:center;}.gap-3{gap:var(--space-3);}.hidden{display:none;}