.billing-page{max-width:1200px;margin:0 auto;padding:0 36px}.billing-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;min-height:100px;display:flex}.billing-heading{justify-content:space-between;align-items:center;gap:24px;margin:48px 0 32px;display:flex}.billing-heading h1{margin:10px 0;font-size:clamp(2rem,5vw,3rem)}.billing-heading p{font-size:var(--fs-md)}.billing-page main>section{margin-bottom:36px}.billing-card{border:1px solid var(--border);background:#fff;border-radius:12px;min-width:0;padding:26px}.billing-card p,.billing-card small{font-size:var(--fs-sm);line-height:1.65}.billing-card small{color:var(--muted);margin-top:8px;display:block}.billing-metrics,.billing-plans{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.billing-number{letter-spacing:-.05em;overflow-wrap:anywhere;margin:14px 0 8px;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:550;display:block}.billing-section-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.billing-section-heading h2{font-size:var(--fs-lg)}.billing-tag{color:#42582d;font-size:var(--fs-xs);text-transform:capitalize;background:#eaf2dd;border-radius:30px;padding:8px 12px}.billing-plan{flex-direction:column;display:flex}.billing-plan.selected{background:#fcfef8;border-color:#aac77e}.billing-plan h3{text-transform:capitalize;font-size:var(--fs-md);margin-bottom:18px}.billing-price{font-size:var(--fs-xl);letter-spacing:-.05em;color:var(--ink);font-weight:550}.billing-plan ul{line-height:2;font-size:var(--fs-sm);color:var(--text-2);flex:1;margin:24px 0;padding-left:18px}.billing-caption{margin-top:16px;font-size:var(--fs-sm)!important}.billing-rates{margin-top:18px}.billing-rates h3{font-size:var(--fs-md);margin-bottom:10px}.billing-controls{grid-template-columns:1fr 1fr;gap:64px;padding:28px 0;display:grid}.billing-controls h2{font-size:var(--fs-xl);margin:14px 0 20px}.billing-controls>div>p{max-width:420px;font-size:var(--fs-md)}.billing-form{flex-direction:column;gap:16px;display:flex}.billing-form label{font-size:var(--fs-sm);flex-direction:column;gap:8px;font-weight:550;display:flex}.billing-form input,.billing-period-label select{width:100%;min-height:42px;color:var(--ink);background:#fff;border:1px solid #d7ddcf;border-radius:6px;padding:11px 12px}.billing-form>small{margin-top:-8px}.billing-form .billing-caption{margin:0}.billing-period-label{font-size:var(--fs-xs);flex-direction:column;gap:4px;display:flex}.billing-section-heading .actions{align-items:flex-end}.billing-page table{border-collapse:collapse;text-align:left;width:100%}.billing-page th{font-size:var(--fs-xs);color:var(--muted);letter-spacing:.04em;white-space:nowrap;font-weight:500}.billing-page th,.billing-page td{border-bottom:1px solid var(--border);padding:15px 12px}.billing-page td{font-size:var(--fs-sm);overflow-wrap:anywhere;max-width:260px}.billing-banner{font-size:var(--fs-sm);color:#405234;background:#edf4e4;border:1px solid #dce8cc;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:16px 20px;line-height:1.6;display:flex}.billing-banner.error{color:#8d432c;background:#fff3ef;border-color:#efd5ca}.billing-loading{padding:50px 0}.billing-footer{text-align:center;font-size:var(--fs-xs);color:var(--muted);border-top:1px solid var(--border);padding:24px 0 36px}@media (max-width:850px){.billing-page{padding:0 24px}.billing-metrics{grid-template-columns:1fr 1fr}.billing-metrics>:last-child{grid-column:1/-1}.billing-controls{gap:28px}.billing-card{padding:22px}}@media (max-width:620px){.billing-page{padding:0 16px}.billing-header{min-height:88px}.billing-header .brand{font-size:var(--fs-md)}.billing-header .button{font-size:var(--fs-xs);padding:8px 10px}.billing-heading{flex-direction:column;align-items:flex-start;margin:32px 0 24px}.billing-metrics,.billing-plans,.billing-controls{grid-template-columns:1fr}.billing-controls{gap:24px;padding:10px 0}.billing-banner{flex-direction:column;align-items:flex-start}}