.billing-page{background:var(--paper)}.billing-shell{padding:clamp(22px,3vw,40px) clamp(18px,3vw,40px) 76px}.billing-shell.wrap.ui-standard-page-shell{padding-inline:0}.billing-intro,.billing-grid,.billing-page-notice{max-width:1220px;margin-left:auto;margin-right:auto}.billing-page-notice{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--paper-alt);color:var(--ink);font-size:var(--fs-r-085);margin-bottom:24px;padding:13px 16px;font-weight:600}.billing-intro{justify-content:space-between;align-items:end;gap:24px;margin-bottom:32px;display:flex}.billing-kicker,.section-kicker{color:var(--accent);font-family:var(--font-mono);font-size:var(--fs-r-075);letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px}.billing-intro h1,.billing-card h2,.billing-help h2{font-family:var(--font-display);letter-spacing:-.035em;font-weight:400}.billing-intro h1{font-size:clamp(2.8rem,5vw,4.5rem);line-height:.98}.billing-intro p:not(.billing-kicker){max-width:590px;color:var(--ink-soft);font-size:var(--fs-r-100);margin-top:14px;line-height:1.65}.billing-grid{grid-template-columns:minmax(270px,300px) minmax(0,1fr);grid-template-areas:"sidebar main";align-items:start;gap:22px;display:grid}.billing-main{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--white);box-shadow:var(--shadow-sm);grid-area:main;gap:0;display:grid;overflow:hidden}.billing-main .billing-card{box-shadow:none;border:0;border-radius:0}.billing-main .billing-card+.billing-card{border-top:1px solid var(--line)}.billing-main .billing-card+.billing-card:hover{border-top-color:var(--line)}.billing-main .billing-card:hover{border-color:#0000}.billing-main .billing-card__head{align-items:flex-end}.billing-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--white);box-shadow:none;padding:clamp(24px,3vw,34px)}.billing-card:hover{border-color:#c8d5ca}.billing-card__head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:start;gap:18px;margin-bottom:22px;padding-bottom:17px;display:flex}.billing-card__head>div,.billing-grid>*,.billing-main,.billing-side,.payment-method>div{min-width:0}.billing-card__head .ui-subtle-link{white-space:nowrap;flex:none}.billing-card h2{font-size:2rem;line-height:1.05}.billing-card address{color:var(--ink-soft);font-size:var(--fs-r-085);font-style:normal;line-height:1.7}.payment-method{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--white);align-items:center;gap:14px;padding:16px;display:flex}.card-mark{width:48px;height:32px;color:var(--white);font-size:var(--fs-r-070);background:#183a72;border-radius:6px;place-items:center;font-weight:800;display:grid}.payment-method strong{font-size:var(--fs-r-090)}.payment-method p{color:var(--ink-soft);font-size:var(--fs-r-078);margin-top:2px}.invoice-table{border-top:0}.invoice-row{border-bottom:1px solid var(--line);font-size:var(--fs-r-080);grid-template-columns:100px minmax(0,1fr) 82px 50px 54px;align-items:center;gap:12px;padding:15px 0;transition:background-color .15s;display:grid}.invoice-row--head{color:var(--ink-faint);font-family:var(--font-mono);font-size:var(--fs-r-075);text-transform:uppercase;padding:10px 0}.invoice-row strong,.invoice-row small{display:block}.invoice-row small{color:var(--ink-faint);font-size:var(--fs-r-070);margin-top:2px}.invoice-row a{color:var(--accent-deep);font-size:var(--fs-r-075);text-underline-offset:3px;font-weight:800;text-decoration:underline}.invoice-paid,.invoice-status{color:var(--accent-deep);font-size:var(--fs-r-072);font-weight:800}.invoice-paid:before,.invoice-status:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.invoice-status--pending{color:var(--ink-muted)}.invoice-status--pending:before{background:var(--ink-faint)}.invoice-status--failed{color:var(--danger,#b42318)}.invoice-status--failed:before{background:var(--danger,#b42318)}.invoice-status--refunded{color:var(--ink-muted)}.invoice-status--refunded:before{background:var(--ink-faint)}.invoice-empty{padding:14px 0}.invoice-failure-hint{margin-top:2px;display:block}.billing-page-notice{justify-items:start;gap:10px;display:grid}.invoice-row:not(.invoice-row--head),.invoice-row:not(.invoice-row--head):hover{background:0 0}.billing-side{box-shadow:none;background:0 0;border:0;border-radius:0;grid-area:sidebar;grid-template-columns:1fr;align-content:start;gap:22px;display:grid;overflow:visible}.billing-side>*{min-width:0;max-width:100%}.billing-side .billing-card{box-shadow:none;background:0 0;border:0;border-radius:0;padding:24px}.billing-side .billing-profile{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:0 0;border:1px solid #c2d6c7;padding:clamp(24px,3vw,34px)}.billing-profile-card-kicker{margin-bottom:10px}.billing-profile-details{color:var(--ink-soft);font-size:var(--fs-r-085);grid-template-columns:20px minmax(0,1fr);align-items:start;gap:7px 10px;margin-top:22px;line-height:1.6;display:grid}.billing-profile-email-icon{fill:none;width:18px;height:18px;stroke:var(--accent-deep);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;margin-top:2px}.billing-profile-email{color:var(--ink);overflow-wrap:anywhere;font-weight:800}.billing-profile-details address{color:var(--ink-soft);font:inherit;overflow-wrap:anywhere;grid-column:2}.billing-profile-card-actions{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:4px;margin-top:18px;padding-bottom:18px;display:flex}.billing-profile-form{gap:13px;display:grid}.billing-profile-form label{font-size:var(--fs-r-078);gap:6px;font-weight:800;display:grid}.billing-profile-form input,.billing-profile-form textarea{border:1px solid var(--line);border-radius:var(--radius-sm);width:100%;font:inherit;font-size:var(--fs-r-085);padding:10px 12px}.billing-profile-form input:focus,.billing-profile-form textarea:focus{border-color:var(--accent);outline:0;box-shadow:0 0 0 3px #2b6e4e21}.billing-profile-form>div{justify-content:space-between;align-items:center;margin-top:6px;display:flex}.billing-profile-form select{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--white);width:100%;color:var(--ink);font:inherit;font-size:var(--fs-r-085);padding:10px 12px}.billing-profile-form select:focus{border-color:var(--accent);outline:0;box-shadow:0 0 0 3px #2b6e4e21}.billing-profile-form .form-note{color:var(--ink-soft);font-size:var(--fs-r-078);margin:0 0 15px;line-height:1.5}.billing-profile-credits{margin-top:20px}.billing-profile-credits .section-kicker{margin-bottom:8px}.billing-side .billing-profile-credits{border-top:0;margin-top:18px;padding-top:0}.billing-profile-credit-row{grid-template-columns:auto auto minmax(120px,1fr);align-items:center;gap:22px;display:grid}.billing-profile-credit-row>span{white-space:nowrap;grid-template-columns:auto auto;align-items:baseline;gap:7px;display:grid}.billing-profile-credit-row strong{color:var(--accent-deep);font-size:var(--fs-r-150);line-height:1}.billing-profile-credit-row small{color:var(--ink-soft);font-size:var(--fs-r-074);font-weight:800}.billing-profile-credit-row .btn{min-width:138px;font-size:var(--fs-r-090);justify-content:center;justify-self:end;gap:8px;display:inline-flex}.billing-profile-credit-row .btn span{transition:transform .16s;display:inline-block}.billing-profile-credit-row .btn:hover span,.billing-profile-credit-row .btn:focus-visible span{transform:translate(4px)}.billing-side .billing-profile-credit-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px 12px}.billing-side .billing-profile-credit-row>span{white-space:normal;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;display:flex}.billing-side .billing-profile-credit-row strong{font-size:var(--fs-r-150)}.billing-side .billing-profile-credit-row small{font-size:var(--fs-r-080);line-height:1.35}.billing-side .billing-profile-credit-row .btn{grid-column:1/-1;justify-self:stretch;width:100%;min-width:0}.billing-help{border-top:1px solid var(--line);background:0 0;border-radius:0;padding:28px 0 0}.billing-help .section-kicker{color:var(--amber-deep)}.billing-help h2{font-size:1.7rem;line-height:1.05}.billing-help p:not(.section-kicker){color:var(--ink-soft);font-size:var(--fs-r-085);margin-top:10px;line-height:1.6}.billing-help a{color:var(--accent-deep);font-size:var(--fs-r-085);text-underline-offset:3px;margin-top:16px;font-weight:800;text-decoration:underline;display:inline-block}.billing-side .billing-help{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--paper-alt);box-shadow:var(--shadow-sm);padding:24px}body.billing-modal-open{overflow:hidden}.billing-profile-modal{z-index:1200;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.billing-profile-modal[hidden]{display:none}.billing-profile-modal__backdrop{cursor:default;background:#13231b94;border:0;position:absolute;inset:0}.billing-profile-modal__dialog{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--white);width:min(680px,100%);max-height:calc(100dvh - 32px);box-shadow:var(--shadow-lg);flex-direction:column;display:flex;position:relative;overflow:hidden}.billing-profile-modal__scroll{flex:auto;min-height:0;padding:30px;overflow-y:auto}.billing-profile-modal__close{border:1px solid var(--line);background:var(--white);width:36px;height:36px;color:var(--ink-soft);cursor:pointer;border-radius:50%;place-items:center;font-size:1.35rem;line-height:1;display:grid;position:absolute;top:16px;right:16px}.billing-profile-modal__close:hover{border-color:var(--line-hover);color:var(--ink)}.billing-profile-modal .billing-profile-form h3{max-width:calc(100% - 48px);font-family:var(--font-display);letter-spacing:-.035em;margin:0;font-size:2rem;font-weight:400}.billing-profile-modal .billing-profile-form .form-note{margin:-5px 0 8px}.billing-address-fields{border:0;gap:10px;min-width:0;margin:5px 0 0;padding:0;display:grid}.billing-address-fields legend{color:var(--ink);font-size:var(--fs-r-078);margin-bottom:10px;padding:0;font-weight:800}.billing-address-fields legend span,.billing-address-fields label>span,.billing-field-label>span{color:var(--ink-faint);font-size:var(--fs-r-070);font-weight:600}.billing-field-label{align-items:baseline;gap:4px;display:flex}.billing-country-summary{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:2px 12px;display:grid}.billing-country-summary strong{font-size:var(--fs-r-085)}.billing-country-summary .ui-subtle-link{align-self:center}.billing-country-summary[hidden],.billing-country-select[hidden]{display:none}.billing-address-locality{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr);gap:10px;display:grid}@media (min-width:561px){.invoice-row{grid-template-columns:100px minmax(0,1fr) 82px 50px 70px}}@media (max-width:900px){.billing-side .billing-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--white);box-shadow:var(--shadow-sm);padding:24px}.billing-help{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--paper);padding:24px}.billing-help h2{font-size:1.8rem}.billing-grid{grid-template-columns:1fr;grid-template-areas:"sidebar""main"}.billing-profile-credit-row{grid-template-columns:1fr 1fr;gap:12px}.billing-profile-credit-row>span{grid-template-columns:1fr;gap:3px}.billing-profile-credit-row .btn{grid-column:1/-1;justify-content:center;width:100%}}@media (max-width:560px){.billing-shell{padding:32px 14px 52px}.billing-intro{flex-direction:column;align-items:start}.billing-intro h1{font-size:3rem}.billing-intro .btn{justify-content:center;width:100%}.invoice-row--head span:nth-child(3),.invoice-row--head span:nth-child(4),.invoice-row--head span:nth-child(5),.invoice-row>span:nth-child(3),.invoice-row>span:nth-child(4),.invoice-row>a{display:none}.billing-profile-modal{padding:8px}.billing-profile-modal__dialog{border-radius:var(--radius-md);max-height:calc(100dvh - 16px)}.billing-profile-modal__scroll{padding:24px 18px 20px}.billing-profile-modal__close{top:12px;right:12px}.billing-profile-modal .billing-profile-form h3{font-size:1.75rem}.billing-address-locality{grid-template-columns:1fr}.billing-main .billing-card,.billing-side .billing-card,.billing-help{padding:22px 18px}.billing-card__head{gap:10px}.payment-method{grid-template-columns:42px minmax(0,1fr) auto;gap:10px;padding:13px;display:grid}.card-mark{width:42px}.invoice-row--head{display:none}.invoice-row:not(.invoice-row--head){border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-subtle);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"description description""date amount""status receipt";gap:6px 12px;margin-top:10px;padding:12px;display:grid}.invoice-row:not(.invoice-row--head)>span:first-child{color:var(--ink-soft);font-size:var(--fs-r-072);grid-area:date}.invoice-row:not(.invoice-row--head)>span:nth-child(2){grid-area:description}.invoice-row:not(.invoice-row--head)>span:nth-child(3){text-align:right;grid-area:amount;font-weight:800;display:block}.invoice-row:not(.invoice-row--head)>span:nth-child(4){grid-area:status;display:block}.invoice-row:not(.invoice-row--head)>a{grid-area:receipt;justify-self:end;display:inline-block}}@media (max-width:360px){.billing-shell{padding:26px 10px 44px}.billing-intro{margin-bottom:24px}.billing-intro h1{font-size:2.65rem}.billing-card h2,.billing-help h2{font-size:1.75rem}}
