.pay-mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.pay-grid{gap:1rem;margin-bottom:1rem;display:grid}@media (min-width:900px){.pay-grid{grid-template-columns:1fr 1fr}}.pay-card{background:#fff;border:1px solid #e7e5e4;border-radius:12px;padding:1.25rem 1.5rem}.pay-card-label{letter-spacing:.14em;text-transform:uppercase;color:#8c8b82;margin-bottom:.625rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9.5px;font-weight:500}.pay-plan-head{flex-wrap:wrap;align-items:center;gap:.625rem;display:flex}.pay-plan-name{color:#1c1917;font-size:1.375rem;font-weight:700;line-height:1.2}.pay-plan-price{color:#4a4a42;margin-top:.4rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.pay-note{color:#78716c;margin-top:.75rem;font-size:.8125rem;line-height:1.5}.pay-pill{letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;border-radius:4px;align-items:center;gap:5px;padding:4px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9.5px;font-weight:500;display:inline-flex}.pay-pill i{border-radius:50%;flex-shrink:0;width:5px;height:5px}.pay-pill.ok{color:#2e7350;background:#eaf5ef}.pay-pill.warn{color:#8a6212;background:#fdf3e0}.pay-pill.neutral{color:#6e6e66;background:#f2f0ea}.pay-pill.bad{letter-spacing:normal;text-transform:none;color:#8e3626;background:#fbeeeb;border-radius:999px;padding:3px 9px;font-family:inherit;font-size:11px}.pay-pill.bad i{background:#c8523b}.pay-method{align-items:center;gap:.625rem;display:flex}.pay-method-id{flex-wrap:wrap;align-items:center;gap:.5rem;min-width:0;display:flex}.pay-method-action{flex-shrink:0;margin-left:auto}.pay-method-label{color:#1c1917;font-size:1rem;font-weight:600}.pay-method-last4{color:#4a4a42;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.pay-method-sub{color:#78716c;margin-top:.125rem;font-size:.8125rem}.pay-empty{color:#78716c;font-size:.9375rem;line-height:1.55}.pay-actions{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1rem;display:flex}.pay-table{border-collapse:collapse;width:100%}.pay-history .card-header{display:block}.pay-table thead tr{background:#faf9f6}.pay-table th{text-align:left;letter-spacing:.14em;text-transform:uppercase;color:#8c8b82;border-bottom:1px solid #e6e3dc;padding:9px 1rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9.5px;font-weight:500}.pay-table td{color:#1c1917;vertical-align:middle;border-bottom:1px solid #e6e3dc;padding:.875rem 1rem;font-size:.9375rem}.pay-table tr:last-child td{border-bottom:none}.pay-table .pay-date,.pay-table .pay-invoice{color:#4a4a42;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.pay-table .pay-invoice{color:#6e6e66}.pay-table .pay-amount{font-variant-numeric:tabular-nums;color:#12120f;text-align:right;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;font-weight:500}.pay-table .pay-right{text-align:right}.pay-row.is-due{background:#fdf8ee}.pay-row.is-failed{background:#fbf0ed}.pay-link{color:#0e7c8b;font-size:.875rem;font-weight:600;text-decoration:none}.pay-link:hover{text-decoration:underline}.pay-banner{border-radius:8px;margin-bottom:1rem;padding:.75rem 1rem;font-size:.875rem;line-height:1.5}.pay-modal-overlay{z-index:1000;background:#1c191773;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.pay-modal{background:#fff;border-radius:12px;width:100%;max-width:26rem;padding:1.5rem;box-shadow:0 20px 40px #0003}.pay-modal-title{color:#1c1917;margin-bottom:.5rem;font-size:1.0625rem;font-weight:700}.pay-modal-body{color:#57534e;font-size:.9375rem;line-height:1.6}.pay-modal-actions{justify-content:flex-end;margin-top:1.25rem;display:flex}.pay-banner.info{color:#0e7c8b;background:#f0fbfc;border:1px solid #cfeff4}.pay-banner.warn{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.pay-banner.error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}