:root{--color-primary-50:#eeebfb;--color-primary-100:#d8d2f6;--color-primary-200:#aba2f5;--color-primary-300:#8b7ee8;--color-primary-400:#6b5cd4;--color-primary-500:#4a38c0;--color-primary-600:#3626ac;--color-primary-700:#2c1e8c;--color-primary-800:#22166c;--color-primary-900:#0a0733;--color-accent-50:#ecfdf5;--color-accent-100:#d1fae5;--color-accent-200:#a7f3d0;--color-accent-300:#6ee7b7;--color-accent-400:#34d399;--color-accent-500:#10b981;--color-accent-600:#059669;--color-accent-700:#047857;--color-accent-800:#065f46;--color-accent-900:#064e3b;--color-success-base:#10b981;--color-success-subtle:#10b98114;--color-warning-base:#f59e0b;--color-warning-subtle:#f59e0b14;--color-danger-base:#ef4444;--color-danger-subtle:#ef444414;--color-info-base:#3b82f6;--color-info-subtle:#3b82f614;--color-bucket-current:var(--color-accent-400);--color-bucket-1-30:#a3e635;--color-bucket-31-60:var(--color-warning-base);--color-bucket-61-90:#f97316;--color-bucket-91-plus:var(--color-danger-base);--color-risk-low:var(--color-success-base);--color-risk-medium:var(--color-warning-base);--color-risk-high:#f97316;--color-risk-critical:var(--color-danger-base);--color-surface-base:#0a0733;--color-surface-raised:#16114f;--color-surface-overlay:#1f1866;--color-surface-border:#aba2f547;--color-surface-border-subtle:#aba2f524;--color-surface-muted:#130e42;--color-surface-hover:#1c1660;--color-surface-selected:#aba2f529;--color-text-primary:#f8fafc;--color-text-secondary:#c4bde8;--color-text-tertiary:#8b82c4;--color-text-disabled:#5c5690;--color-text-inverse:#0a0733;--color-text-link:var(--color-primary-200);--color-text-link-hover:#fff;--color-glass-bg:#16114fd1;--color-glass-bg-hover:#16114feb;--color-glass-border:#aba2f538;--color-glass-border-hover:#aba2f566;--font-sans:"Geist", ui-sans-serif, system-ui, sans-serif;--font-mono:"Geist Mono", ui-monospace, monospace;--text-2xs:.625rem;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-full:9999px;--glass-backdrop:blur(20px) saturate(150%)}
.payments-container{padding:24px}
*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--color-surface-base);height:100%;color:var(--color-text-primary);font-family:var(--font-sans,system-ui, sans-serif)}.glass-panel{background:var(--color-glass-bg);border:1px solid var(--color-glass-border);border-radius:var(--radius-lg,8px)}.glass-button{color:#fff;background:var(--color-surface-raised);border:1px solid var(--color-surface-border);cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;display:inline-flex}.glass-button.primary{background:var(--color-primary-600);border-color:var(--color-primary-500)}.glass-input{color:#fff;background:var(--color-surface-base);border:1px solid var(--color-surface-border);border-radius:6px;outline:none;width:100%;padding:8px 12px;font-size:14px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}