.billing-view{display:grid;gap:18px}.billing-state{border:1px solid var(--color-line);border-radius:16px;background:#ffffffd6;padding:24px;color:var(--color-muted);text-align:center}.billing-state--error{border-color:#f1d0cc;background:#fff7f6;color:#a6382d}.billing-catalog-wrap{display:grid;gap:20px}.billing-catalog-header{max-width:480px}.billing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.billing-card{display:grid;align-content:start;gap:16px;border:1px solid var(--color-line);border-radius:19px;background:#ffffffe5;box-shadow:0 18px 52px #32386812;padding:25px}.billing-card h2,.billing-card h3{margin:0;letter-spacing:-.025em}.billing-card p{margin:0;color:var(--color-muted);line-height:1.65}.billing-price{display:flex;align-items:baseline;gap:6px;color:#1d2538}.billing-price strong{font-size:30px;letter-spacing:-.04em}.billing-price span{color:var(--color-muted);font-size:13px}.billing-provider-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;border:0;margin:0;padding:0}.billing-provider-picker legend{grid-column:1 / -1;margin-bottom:8px;color:#50586d;font-size:13px;font-weight:700}.billing-provider-picker button{display:grid;gap:3px;border:1px solid #dfe2ee;border-radius:13px;background:#fafafe;padding:13px 14px;color:#252b3b;font:inherit;text-align:left;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.billing-provider-picker button:hover{transform:translateY(-1px);border-color:#aeb5ed}.billing-provider-picker button.is-active{border-color:#6973e9;background:linear-gradient(145deg,#f4f5ff,#fff);box-shadow:inset 0 0 0 1px #6973e929,0 9px 24px #5b5be11a}.billing-provider-picker button span{color:var(--color-muted);font-size:12px}.billing-meta{display:grid;gap:9px;margin:0}.billing-meta div{display:flex;justify-content:space-between;gap:18px;border-top:1px solid #eceef5;padding-top:10px}.billing-meta dt{color:var(--color-muted)}.billing-meta dd{margin:0;font-weight:700;text-align:right}.billing-price-option{display:grid;gap:11px;border-top:1px solid #eceef5;padding-top:15px}.billing-action,.billing-disabled{display:block;border:0;border-radius:12px;background:#eceefe;padding:12px 15px;color:#6670cf;font:inherit;font-weight:700;text-align:center}.billing-action{background:linear-gradient(135deg,#5f6aeb,#8657ed);color:#fff;box-shadow:0 10px 25px #5b5be12e}.billing-action:hover{color:#fff;transform:translateY(-1px)}.billing-actions{display:flex;flex-wrap:wrap;gap:10px}.billing-actions>*{flex:1 1 190px}.billing-secondary-action{border:1px solid #dfe2ee;border-radius:12px;background:#fff;padding:12px 15px;color:#586174;font:inherit;font-weight:700;cursor:pointer}.billing-action:disabled,.billing-secondary-action:disabled{cursor:wait;opacity:.58;transform:none}.billing-alert{display:grid;gap:4px;border:1px solid #dfe2ee;border-radius:12px;background:#f8f8fc;padding:13px 15px;color:#596174;font-size:13px}.billing-alert--error{border-color:#f0c9c4;background:#fff5f3;color:#9f342b}.billing-alert span{line-height:1.55}.billing-inline-notice{border-radius:10px;background:#f1f2fb;padding:10px 12px;color:#5660c8;font-size:13px}.billing-result{display:grid;max-width:560px;gap:12px;margin:28px auto 0}.billing-result strong{color:#252d42;font-size:18px}.billing-result span{color:var(--color-muted)}.billing-result--paid{border-color:#b9dfca;background:#f4fbf7}.billing-result--failed,.billing-result--invalid{border-color:#f1d0cc;background:#fff7f6}.billing-disabled{cursor:not-allowed}.order-list{display:grid;gap:13px}.order-row{display:grid;grid-template-columns:1fr auto;gap:9px 20px;border:1px solid var(--color-line);border-radius:15px;background:#fff;padding:18px 20px}.order-row strong{font-size:15px}.order-row span{color:var(--color-muted);font-size:13px}.order-row .order-amount{display:grid;grid-row:1 / span 2;grid-column:2;align-self:center;justify-items:end;gap:3px}.order-row .order-amount strong{color:#252d42;font-size:17px;font-weight:800}.order-row .order-amount span{color:#b14b43;font-size:12px;font-weight:650}@media(max-width:620px){.billing-card{padding:21px 17px}.billing-provider-picker,.order-row{grid-template-columns:1fr}.order-row .order-amount{grid-column:1;grid-row:auto;justify-items:start}}