.billing-lock-banner{align-items:flex-start;background:var(--danger-soft);border:1px solid rgba(198,66,61,.22);border-radius:var(--radius-lg);color:var(--danger);display:flex;gap:14px;padding:18px 20px}.billing-lock-banner h4{color:#8f2c28}.billing-lock-banner p{color:#8f2c28;font-size:14px;margin-top:4px;max-width:720px}.plan-card{background:radial-gradient(32rem 18rem at 100% 0,rgba(244,154,108,.2),transparent 70%),var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);display:grid;grid-gap:24px;gap:24px;grid-template-columns:minmax(0,1fr) minmax(280px,380px);padding:26px}.plan-summary{align-content:start;display:grid;grid-gap:6px;gap:6px}.plan-summary h4{font-size:20px;letter-spacing:-.02em}.plan-price{color:var(--text-secondary);font-size:15px;margin-top:6px}.plan-price strong{color:var(--text-primary);font-size:32px;font-weight:600;letter-spacing:-.035em}.plan-features{display:grid;grid-gap:8px;gap:8px;list-style:none;margin:14px 0 0;padding:0}.plan-features li{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;gap:10px}.plan-features li:before{background:var(--accent-soft);border-radius:50%;box-shadow:inset 0 0 0 4px var(--accent-soft),inset 0 0 0 9px var(--accent);content:"";flex:0 0 auto;height:16px;width:16px}.plan-status{align-content:start;background:var(--surface-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);display:grid;grid-gap:4px;gap:4px;padding:18px 20px}.plan-card[data-tone=ok] .plan-status{background:color-mix(in srgb,var(--success-soft) 60%,var(--surface));border-color:rgba(44,134,87,.2)}.plan-card[data-tone=warning] .plan-status{background:color-mix(in srgb,var(--warning-soft) 70%,var(--surface));border-color:rgba(173,106,18,.22)}.plan-card[data-tone=danger] .plan-status{background:color-mix(in srgb,var(--danger-soft) 70%,var(--surface));border-color:rgba(198,66,61,.22)}.plan-status-title{align-items:center;color:var(--text-primary);display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:8px}.plan-status-title svg{color:var(--accent)}.plan-card[data-tone=ok] .plan-status-title svg{color:var(--success)}.plan-card[data-tone=warning] .plan-status-title svg{color:var(--warning)}.plan-card[data-tone=danger] .plan-status-title svg{color:var(--danger)}.plan-status-value{color:var(--text-primary);font-size:28px;font-weight:600;letter-spacing:-.03em;line-height:1.15}.plan-status-caption{color:var(--text-muted);font-size:13px}.plan-status-note{border-top:1px solid var(--border);font-size:13px;line-height:1.5;margin-top:12px;padding-top:12px}.plan-status-meta{align-items:center;color:var(--text-muted);display:inline-flex;font-size:12px;gap:6px;margin-top:4px}.plan-trial-progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--surface-hover);border:0;border-radius:var(--radius-full);height:8px;margin-top:10px;overflow:hidden;width:100%}.plan-trial-progress::-webkit-progress-bar{background:var(--surface-hover);border-radius:var(--radius-full)}.plan-trial-progress::-webkit-progress-value{background:var(--accent);border-radius:var(--radius-full)}.plan-trial-progress::-moz-progress-bar{background:var(--accent);border-radius:var(--radius-full)}.manage-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.billing-columns{align-items:start;display:grid;grid-gap:16px;gap:16px;grid-template-columns:minmax(0,1.5fr) minmax(280px,.8fr)}.payment-methods-panel{overflow:visible}.payment-methods-empty{align-items:center;color:var(--text-muted);display:flex;font-size:14px;gap:10px;padding:20px 18px}.payment-method-list{display:grid;list-style:none;margin:0;padding:0}.payment-method{align-items:center;border-bottom:1px solid var(--border);display:grid;grid-gap:14px;gap:14px;grid-template-columns:auto minmax(0,1fr) auto auto;padding:14px 18px}.card-brand-mark{align-items:center;background:linear-gradient(145deg,#2a2a33,#15151b);border-radius:8px;box-shadow:inset 0 1px 0 rgba(255,255,255,.12);color:#ffffff;display:inline-flex;font-size:11px;font-style:italic;font-weight:700;height:32px;justify-content:center;letter-spacing:.04em;width:48px}.card-brand-mark[data-brand=VISA]{background:linear-gradient(145deg,#2b4fb8,#1a2f7a)}.card-brand-mark[data-brand=MC]{background:linear-gradient(145deg,#3a3a40,#1c1c20);color:#f7a54a}.card-brand-mark[data-brand=card]{background:var(--surface-hover);box-shadow:inset 0 0 0 1px var(--border);color:var(--text-secondary)}.payment-method-copy{display:grid;grid-gap:2px;gap:2px;min-width:0}.payment-method-copy strong{font-size:15px;font-weight:600}.payment-method-copy span{color:var(--text-muted);font-size:13px}.payment-method-actions{align-items:center;display:flex;gap:4px;justify-content:flex-end}.add-card-block{display:grid;grid-gap:12px;gap:12px;padding:18px}.add-card-block h5{font-size:15px}.test-card-form{display:grid;grid-gap:12px;gap:12px}.test-card-note{background:var(--info-soft);border:1px solid rgba(60,106,173,.16);border-radius:var(--radius-md);color:#335d98;font-size:13px;padding:10px 12px}.test-card-options{display:grid;grid-gap:8px;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.test-card-option{cursor:pointer;display:block;position:relative}.test-card-option input{height:1px;opacity:0;position:absolute;width:1px}.test-card-option>span{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);display:grid;grid-gap:2px;gap:2px;padding:12px 14px;transition:border-color .16s var(--ease-out),box-shadow .16s var(--ease-out),background-color .16s var(--ease-out)}.test-card-option strong{font-size:14px}.test-card-option small{color:var(--text-muted);font-size:12px}.test-card-option input:checked+span{background:color-mix(in srgb,var(--accent-soft) 55%,var(--surface));border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.test-card-option input:focus-visible+span{outline:3px solid var(--accent-ring);outline-offset:2px}.test-card-form .primary-action{justify-self:start}.card-safety-note{align-items:flex-start;color:var(--text-muted);display:flex;font-size:12px;gap:8px;line-height:1.5}.card-safety-note svg{color:var(--success);flex:0 0 auto;margin-top:1px}.billing-how{align-content:start}.billing-steps{counter-reset:billing-step;display:grid;grid-gap:14px;gap:14px;list-style:none;margin:0;padding:0}.billing-steps li{counter-increment:billing-step;display:grid;grid-gap:2px 12px;gap:2px 12px;grid-template-columns:26px minmax(0,1fr)}.billing-steps li:before{align-items:center;background:var(--accent-soft);border-radius:50%;color:var(--accent-text);content:counter(billing-step);display:flex;font-size:12px;font-weight:700;grid-row:span 2;height:26px;justify-content:center;width:26px}.billing-steps strong{font-size:14px}.billing-steps span{color:var(--text-muted);font-size:13px;line-height:1.45}@media (max-width:900px){.billing-columns,.plan-card{grid-template-columns:1fr}}@media (max-width:680px){.plan-card{padding:18px}.plan-price strong{font-size:28px}.payment-method{grid-template-columns:auto minmax(0,1fr);padding:14px}.payment-method>.status-pill{justify-self:start}.payment-method-actions{grid-column:1/-1;justify-content:flex-start}.test-card-options{grid-template-columns:1fr}.manage-actions .primary-action,.manage-actions .secondary-action,.manage-actions>form,.test-card-form .primary-action{width:100%}}