:root{--bg:#ffffff;--background:#ffffff;--surface:#f7f7f8;--card:#ffffff;--text:#0b0b0c;--muted:#666a71;--muted-fg:#666a71;--border:#e6e7ea;--accent:#3b82f6;--brand-500:#60a5fa;--brand-600:#3b82f6;--success:#16a34a;--warn:#3b82f6;--warning:#3b82f6;--error:#ef4444;--info:#06b6d4;--fg:#0b0b0c;--ring:var(--brand-600);--shadow-card:0 1px 2px rgba(0,0,0,.04),0 8px 16px rgba(0,0,0,.06);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--shadow-sm:0 1px 2px rgba(0,0,0,0.05);--shadow-md:0 4px 10px rgba(0,0,0,0.06);--shadow-lg:0 10px 24px rgba(0,0,0,0.08);--font-size-base:clamp(14px,0.9vw,16px);--tint-accent:color-mix(in srgb,var(--accent) 12%,white);--tint-success:color-mix(in srgb,var(--success) 12%,white);--tint-warn:color-mix(in srgb,var(--warn) 12%,white);--tint-error:color-mix(in srgb,var(--error) 12%,white);--tint-info:color-mix(in srgb,var(--info) 12%,white)}.dark{--bg:#0b0c0f;--background:#0b0c0f;--surface:#121419;--card:#121419;--text:#f5f6f7;--muted:#a6adbb;--muted-fg:#a6adbb;--border:#2a2f39;--accent:#60a5fa;--brand-500:#3b82f6;--brand-600:#60a5fa;--success:#22c55e;--warn:#3b82f6;--error:#f87171;--info:#22d3ee;--fg:#f5f6f7;--tint-accent:color-mix(in srgb,var(--accent) 18%,black);--tint-success:color-mix(in srgb,var(--success) 18%,black);--tint-warn:color-mix(in srgb,var(--warn) 18%,black);--tint-error:color-mix(in srgb,var(--error) 18%,black);--tint-info:color-mix(in srgb,var(--info) 18%,black)}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}:root{--ds-primary:#3B82F6;--ds-primary-hover:#2563EB;--ds-primary-light:rgba(59,130,246,0.1);--ds-success:#10B981;--ds-success-hover:#059669;--ds-success-light:rgba(16,185,129,0.1);--ds-warning:#3B82F6;--ds-warning-hover:#2563EB;--ds-warning-light:rgba(245,158,11,0.1);--ds-error:#EF4444;--ds-error-hover:#DC2626;--ds-error-light:rgba(239,68,68,0.1);--ds-gray-50:#F9FAFB;--ds-gray-100:#F3F4F6;--ds-gray-200:#E5E7EB;--ds-gray-300:#D1D5DB;--ds-gray-400:#9CA3AF;--ds-gray-500:#6B7280;--ds-gray-600:#4B5563;--ds-gray-700:#374151;--ds-gray-800:#1F2937;--ds-gray-900:#111827;--ds-space-xs:0.25rem;--ds-space-sm:0.5rem;--ds-space-md:1rem;--ds-space-lg:1.5rem;--ds-space-xl:2rem;--ds-space-2xl:3rem;--ds-card-radius:0.75rem;--ds-card-padding:1.5rem;--ds-card-shadow:0 1px 3px 0 rgba(0,0,0,0.1);--ds-card-shadow-hover:0 4px 12px 0 rgba(0,0,0,0.15);--ds-transition-fast:150ms;--ds-transition-normal:300ms;--ds-transition-slow:500ms;--ds-transition-ease:cubic-bezier(0.4,0,0.2,1);--ds-radius-sm:0.375rem;--ds-radius-md:0.5rem;--ds-radius-lg:0.75rem;--ds-radius-xl:1rem}.dark{--ds-primary:#60A5FA;--ds-primary-hover:#3B82F6;--ds-primary-light:rgba(96,165,250,0.15);--ds-success:#34D399;--ds-success-hover:#10B981;--ds-success-light:rgba(52,211,153,0.15);--ds-warning:#3B82F6;--ds-warning-hover:#3B82F6;--ds-warning-light:rgba(251,191,36,0.15);--ds-error:#F87171;--ds-error-hover:#EF4444;--ds-error-light:rgba(248,113,113,0.15);--ds-gray-50:#111827;--ds-gray-100:#1F2937;--ds-gray-200:#374151;--ds-gray-300:#4B5563;--ds-gray-400:#6B7280;--ds-gray-500:#9CA3AF;--ds-gray-600:#D1D5DB;--ds-gray-700:#E5E7EB;--ds-gray-800:#F3F4F6;--ds-gray-900:#F9FAFB;--ds-card-shadow:0 1px 3px 0 rgba(0,0,0,0.3);--ds-card-shadow-hover:0 4px 12px 0 rgba(0,0,0,0.4)}.ds-card-v2{background:var(--card);border:1px solid var(--border);border-radius:var(--ds-card-radius);padding:var(--ds-card-padding);box-shadow:var(--ds-card-shadow);transition:all var(--ds-transition-normal) var(--ds-transition-ease)}.ds-card-v2:hover{box-shadow:var(--ds-card-shadow-hover);transform:translateY(-2px)}.ds-button-primary-v2{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:var(--ds-primary);color:white;padding:.75rem 1.5rem;border-radius:var(--ds-radius-md);font-weight:600;font-size:.875rem;line-height:1.25rem;border:none;cursor:pointer;transition:all var(--ds-transition-fast) var(--ds-transition-ease)}.ds-button-primary-v2:hover{background:var(--ds-primary-hover);transform:scale(1.02)}.ds-button-primary-v2:active{transform:scale(.98)}.ds-button-secondary-v2{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:transparent;color:var(--text);padding:.75rem 1.5rem;border-radius:var(--ds-radius-md);font-weight:500;font-size:.875rem;line-height:1.25rem;border:2px solid var(--border);cursor:pointer;transition:all var(--ds-transition-fast) var(--ds-transition-ease)}.ds-button-secondary-v2:hover{background:var(--surface);border-color:var(--border)}.ds-button-success-v2{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(135deg,var(--ds-success) 0,var(--ds-success-hover) 100%);color:white;padding:.875rem 2rem;border-radius:var(--ds-radius-lg);font-weight:600;font-size:.9375rem;line-height:1.375rem;border:none;cursor:pointer;box-shadow:0 4px 12px rgba(16,185,129,.3);transition:all var(--ds-transition-fast) var(--ds-transition-ease)}.ds-button-success-v2:hover{transform:scale(1.05);box-shadow:0 6px 20px rgba(16,185,129,.4)}.ds-button-success-v2:active{transform:scale(.98)}.ds-space-y-lg>*+*{margin-top:var(--ds-space-lg)}.ds-space-y-xl>*+*{margin-top:var(--ds-space-xl)}