:root{--color-primary:#3b82f6;--color-primary-hover:#2563eb;--color-background:#f5f5f5;--color-surface:#fff;--color-text:#1a1a1a;--color-text-muted:#666;--color-text-subtle:#6b7280;--color-success:#22c55e;--color-warning:#f59e0b;--color-error:#dc2626;--color-error-bg:#fee2e2;--color-info-bg:#f0f9ff;--color-info-text:#0369a1;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 2px 4px #0000001a;--font-family:system-ui, -apple-system, sans-serif}*,:before,:after{box-sizing:border-box}html,body{font-family:var(--font-family);margin:0;padding:0}@keyframes spin{to{transform:rotate(360deg)}}