.billing-shell{width:min(1100px,100% - 40px);color:var(--text);margin:52px auto 72px}.billing-shell [hidden],.billing-pending[hidden],.billing-pending [hidden]{display:none!important}.billing-checkout{max-width:820px}.billing-panel{border:1px solid var(--line);background:var(--surface);border-radius:18px;padding:28px;box-shadow:0 12px 40px #001c3c0a}.billing-shell h1{letter-spacing:-.7px;margin:0 0 20px;font-size:clamp(24px,3.5vw,34px);line-height:1.2}.billing-shell h2{margin:0;font-size:20px;line-height:1.35}.billing-shell p,.billing-shell small{color:var(--muted);line-height:1.65}.billing-shell .eyebrow{color:var(--blue)}.billing-shell form{gap:20px;display:grid}.billing-plans{border:0;min-width:0;margin:0;padding:0}.billing-plans legend{padding:0}.billing-plan-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.billing-plan-option{cursor:pointer;min-width:0;display:block;position:relative}.billing-plan-option>input{accent-color:var(--blue);position:absolute;inset:12px auto auto 12px}.billing-plan-body{border:1px solid var(--line);background:var(--surface-2);border-radius:12px;flex-direction:column;gap:5px;min-height:144px;padding:18px 12px 14px 32px;display:flex}.billing-plan-body strong{font-size:14px}.billing-plan-body b{color:var(--blue);letter-spacing:-.5px;font-size:20px}.billing-plan-body small,.billing-plan-body del{color:var(--muted);font-size:11px}.billing-plan-option:has(input:checked) .billing-plan-body{border-color:var(--blue);background:color-mix(in srgb,var(--blue) 9%,var(--surface));box-shadow:0 0 0 1px var(--blue)}.billing-plan-option:has(input:focus-visible) .billing-plan-body{outline:3px solid var(--blue);outline-offset:3px}.billing-field{gap:8px;display:grid}.billing-field>label{font-size:14px;font-weight:750}.billing-field input,.billing-field select{border:1px solid var(--line);background:var(--surface-2);width:100%;min-width:0;color:var(--text);font:inherit;border-radius:10px;padding:14px;font-size:14px}.billing-field :is(input,select):focus-visible{outline:2px solid var(--blue);outline-offset:2px}.billing-voucher-toggle{cursor:pointer;align-items:center;gap:9px;font-size:13px;font-weight:650;display:flex}.billing-voucher-toggle input{width:17px;height:17px;accent-color:var(--blue)}.billing-field small,.billing-note{margin:0;font-size:12px}.billing-totals{gap:12px;margin:22px 0;display:grid}.billing-totals>div,.billing-meta>div{justify-content:space-between;gap:18px;font-size:13px;display:flex}.billing-totals dt,.billing-meta dt{color:var(--muted)}.billing-totals dd,.billing-meta dd{text-align:right;overflow-wrap:anywhere;margin:0}.billing-totals dd{font-weight:750}.billing-totals .billing-total{border-top:1px solid var(--line);padding-top:14px;font-size:17px;font-weight:800}.billing-total dd{color:var(--blue)}.billing-checkout-totals{background:var(--surface-2);border-radius:12px;margin:0;padding:16px}.billing-history-link{color:var(--blue);align-items:center;gap:7px;font-size:13px;font-weight:750;text-decoration:none;display:inline-flex}.billing-submit.button{width:100%;min-height:46px;font-size:14px;font-weight:800}.billing-feedback{overflow-wrap:anywhere;font-size:13px;line-height:1.6}.billing-feedback:empty{display:none}.billing-back{color:var(--muted);margin-top:20px;font-size:13px;display:inline-block}.billing-page-heading{margin-bottom:24px}.billing-page-heading h1{margin-bottom:8px}.billing-page-heading p{margin:8px 0;font-size:13px}.billing-invoice-grid{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}.billing-panel-heading{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-bottom:18px;display:flex}.billing-status{border:1px solid var(--line);color:var(--muted);border-radius:7px;flex:none;padding:5px 9px;font-size:11px;font-weight:750;display:inline-block}.billing-status[data-state=pending]{color:#b26700;background:#e9a91a16;border-color:#e9a91a55}.billing-status[data-state=paid]{color:#138450;background:#13a46714;border-color:#13a46744}.billing-status[data-state=cancelled],.billing-status[data-state=expired]{color:#b64a52;background:#c9505910}.billing-payment-instructions{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:22px 0;display:flex}.billing-payment-instructions p{font-size:13px}.billing-qr{max-width:100%;height:auto;image-rendering:pixelated;background:#fff;border-radius:12px;padding:12px;display:block}.billing-bank-number{letter-spacing:.05em;overflow-wrap:anywhere;font-size:clamp(20px,3vw,30px)}.billing-copy{color:var(--blue);cursor:pointer;background:0 0;border:0;padding:4px;font-size:12px;font-weight:700;text-decoration:none}.billing-invoice-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:22px;display:flex}.billing-meta{border-top:1px solid var(--line);gap:13px;margin:22px 0;padding-top:18px;display:grid}.billing-meta>div{font-size:11px}.billing-order-summary>.billing-note{margin-bottom:16px}.billing-pending{background:color-mix(in srgb,#f5ab23 8%,var(--surface));border:1px solid #d99a354d;border-radius:14px;align-items:center;gap:14px;margin:18px 0;padding:20px;display:flex}.billing-alert-icon{color:#c98b1d;flex:none}.billing-pending-copy{flex:1;min-width:0}.billing-pending-copy strong{font-size:15px}.billing-pending-copy p{color:var(--muted);margin:4px 0 0;font-size:13px;line-height:1.5}.billing-pending-copy small{color:var(--muted);margin-top:5px;font-size:11px;display:block}.billing-pending-copy [data-pending-feedback]:empty{display:none}.billing-pending-actions{flex-wrap:wrap;gap:8px;display:flex}.billing-pending .button{white-space:nowrap;min-height:36px;padding:9px 13px;font-size:12px}.billing-history-list{gap:12px;display:grid}.billing-history-row{border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:12px;grid-template-columns:minmax(0,1fr) auto;gap:8px 20px;padding:18px;text-decoration:none;display:grid}.billing-history-row:hover{border-color:var(--blue)}.billing-history-row strong{font-size:14px}.billing-history-row small{margin-top:7px;font-size:11px;display:block}.billing-history-row .billing-status{align-self:center}.billing-pagination{justify-content:space-between;align-items:center;gap:12px;margin-top:24px;display:flex}.billing-pagination span{color:var(--muted);font-size:12px}.billing-history-actions{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:20px;display:flex}@media (width<=760px){.billing-shell{margin-top:28px}.billing-invoice-grid{grid-template-columns:1fr}.billing-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.billing-plan-body{min-height:128px}.billing-pending{flex-wrap:wrap}.billing-pending-actions{width:100%;padding-left:38px}}@media (width<=430px){.billing-shell{width:calc(100% - 28px)}.billing-panel{padding:20px 16px}.billing-plan-body{padding-left:30px}.billing-plan-body b{font-size:18px}.billing-pending{padding:16px}.billing-pagination .button{padding:9px;font-size:11px}.billing-history-row{gap:8px;padding:14px}.billing-history-row strong{font-size:13px}}