:root{--color-primary:#10b981;--color-primary-hover:#059669;--color-primary-light:#f6f9fc;--color-primary-border:#e3e8ee;--color-secondary:#6772e5;--color-secondary-hover:#5469d4;--color-success:#00d924;--color-success-light:#f0fdf4;--color-warning:#ffb020;--color-warning-light:#fffbeb;--color-error:#e25950;--color-error-light:#fef2f2;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-bg-primary:#ffffff;--color-bg-secondary:#f9fafb;--color-bg-tertiary:#f3f4f6;--color-border-light:#e5e7eb;--color-border-medium:#d1d5db;--color-border-strong:#9ca3af;--color-text-primary:#111827;--color-text-secondary:#374151;--color-text-tertiary:#6b7280;--color-text-inverse:#ffffff;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--shadow-sm:0 1px 2px 0 rgb(0 0 0/0.05);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--shadow-xl:0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1);--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--transition-fast:150ms ease-in-out;--transition-normal:250ms ease-in-out;--transition-slow:350ms ease-in-out}*{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}.stripe-card{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-fast)}.stripe-card:hover{box-shadow:var(--shadow-md)}.stripe-card-elevated{box-shadow:var(--shadow-lg)}.stripe-button-primary{background:var(--color-primary);color:var(--color-text-inverse);border:none;border-radius:var(--radius-md);font-weight:var(--font-weight-medium);transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.stripe-button-primary:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.stripe-button-secondary{background:var(--color-bg-primary);color:var(--color-text-primary);border:1px solid var(--color-border-medium);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);transition:all var(--transition-fast)}.stripe-button-secondary:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-sm)}.stripe-input{border:1px solid var(--color-border-medium);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);line-height:1.5;transition:all var(--transition-fast);background:var(--color-bg-primary)}.stripe-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgb(99 91 255/.1)}.stripe-sidebar{background:var(--color-bg-secondary);border-right:1px solid var(--color-border-light)}.stripe-surface{background:var(--color-bg-primary);border:1px solid var(--color-border-light)}.stripe-surface-elevated{background:var(--color-bg-primary);box-shadow:var(--shadow-lg);border:none}