.billing-screen{box-sizing:border-box;width:100%;padding:clamp(14px,2.3vw,30px)!important;overflow-x:hidden}.billing-center,.billing-center *{box-sizing:border-box}.billing-center{max-width:1380px;margin:auto;color:var(--hst-text)}.billing-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:24px;padding:clamp(24px,4vw,46px);border:1px solid var(--hst-line);border-radius:22px;background:radial-gradient(circle at 88% 8%,color-mix(in srgb,var(--hst-gold) 20%,transparent),transparent 32%),var(--hst-panel)}.billing-kicker{color:var(--hst-gold);font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.billing-hero h1{max-width:800px;margin:10px 0 14px;font:700 clamp(31px,4vw,50px)/1.05 Georgia,serif}.billing-hero p{max-width:780px;margin:0;color:var(--hst-muted);line-height:1.7}.billing-hero aside{display:grid;gap:8px;align-content:center;padding:22px;border:1px solid color-mix(in srgb,var(--hst-gold) 48%,var(--hst-line));border-radius:17px;background:var(--hst-bg-soft)}.billing-hero aside strong{font-size:25px}.billing-hero aside b{color:var(--hst-gold);font-size:20px}.billing-hero aside span,.billing-hero aside small{color:var(--hst-muted);line-height:1.45}.billing-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.billing-summary article,.billing-card{min-width:0;padding:20px;border:1px solid var(--hst-line);border-radius:17px;background:var(--hst-panel)}.billing-summary span,.billing-summary small{display:block;color:var(--hst-muted)}.billing-summary strong{display:block;margin:12px 0 7px;font-size:25px;overflow-wrap:anywhere}.billing-tabs{display:flex;gap:8px;max-width:100%;margin-bottom:12px;padding:7px;overflow-x:auto;border:1px solid var(--hst-line);border-radius:14px;background:var(--hst-panel)}.billing-tabs button,.billing-head button,.billing-dialog button,.billing-callout button,.billing-row button{min-height:40px;padding:8px 13px;border:1px solid var(--hst-line);border-radius:10px;background:var(--hst-panel-2);color:var(--hst-text);font-weight:800;white-space:nowrap;cursor:pointer}.billing-tabs button.active,.billing-head button,.billing-dialog .billing-primary,.billing-callout button{border-color:var(--hst-gold);color:var(--hst-gold)}.billing-pane[hidden],.billing-dialog-backdrop[hidden]{display:none}.billing-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.billing-head h2,.billing-doc h2{margin:0;font:700 25px/1.2 Georgia,serif}.billing-head p,.billing-doc p{color:var(--hst-muted);line-height:1.55}.billing-list{display:grid;gap:10px;margin-top:18px}.billing-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:17px;border:1px solid var(--hst-line);border-radius:14px;background:var(--hst-panel-2)}.billing-row.selected{border-color:var(--hst-gold);box-shadow:0 0 0 2px color-mix(in srgb,var(--hst-gold) 18%,transparent)}.billing-row h3{margin:8px 0 5px}.billing-row p{margin:0;color:var(--hst-muted);line-height:1.5}.billing-row small{display:block;margin-top:6px;color:var(--hst-muted)}.billing-row-total{text-align:right}.billing-row-total>strong{display:block;font-size:21px}.billing-row-total button{margin-top:9px}.billing-status{display:inline-flex;padding:4px 9px;border:1px solid var(--hst-line);border-radius:999px;color:var(--hst-muted);font-size:10px;font-weight:900;text-transform:uppercase}.status-paid{border-color:#2ebf8a88;color:#42d49e}.status-due{border-color:#dbae4388;color:var(--hst-gold)}.status-overdue,.status-suspension_pending_safe_exit,.status-disputed{border-color:#ec6c6388;color:#f5867f}.status-paused{border-color:#55b9cb88;color:#72cada}.billing-empty,.billing-error{padding:24px;border:1px dashed var(--hst-line);border-radius:13px;color:var(--hst-muted);line-height:1.6}.billing-empty strong,.billing-empty span{display:block}.billing-empty strong{color:var(--hst-text)}.billing-explain{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.billing-explain>div{padding:18px;border:1px solid var(--hst-line);border-radius:14px;background:var(--hst-panel-2)}.billing-explain span{display:grid;width:34px;height:34px;place-items:center;border:1px solid var(--hst-gold);border-radius:50%;color:var(--hst-gold);font-weight:900}.billing-explain h3{margin:14px 0 8px}.billing-explain p,.billing-callout p{color:var(--hst-muted);line-height:1.55}.billing-callout{margin-top:14px;padding:20px;border:1px solid color-mix(in srgb,var(--hst-gold) 45%,var(--hst-line));border-radius:14px}.billing-doc>div{display:flex;gap:18px;align-items:flex-start}.billing-doc>div>span{font-size:38px;color:var(--hst-gold)}.billing-doc b{color:var(--hst-gold)}.billing-dialog-backdrop{position:fixed;z-index:1100;inset:0;display:grid;place-items:center;padding:18px;background:#001017c7;backdrop-filter:blur(5px)}.billing-dialog{position:relative;width:min(980px,100%);max-height:94vh;padding:clamp(22px,4vw,40px);overflow:auto;border:1px solid var(--hst-line);border-radius:22px;background:var(--hst-panel);box-shadow:0 30px 90px #000b}.billing-dialog-close{position:absolute;top:14px;right:14px;width:40px;height:40px;padding:0!important;border-radius:50%!important;font-size:23px}.billing-dialog h2{margin:8px 0;font:700 34px Georgia,serif}.billing-dialog>p{color:var(--hst-muted)}.billing-equation{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:9px;align-items:center;margin:22px 0}.billing-equation>div,.billing-detail-grid>div{min-width:0;padding:15px;border:1px solid var(--hst-line);border-radius:12px;background:var(--hst-panel-2)}.billing-equation span,.billing-detail-grid span{display:block;color:var(--hst-muted);font-size:11px}.billing-equation strong,.billing-detail-grid strong{display:block;margin-top:6px;overflow-wrap:anywhere}.billing-equation>b{color:var(--hst-gold);text-align:center}.billing-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.billing-pause{display:grid;gap:5px;margin-top:12px;padding:14px;border:1px solid #55b9cb88;border-radius:11px}.billing-pause span{color:var(--hst-muted)}.billing-dialog-actions{display:flex;gap:9px;margin-top:18px}.billing-legal{font-size:12px}.billing-error{border-color:#ec6c6388;color:#f5867f}@media(max-width:1050px){.billing-hero{grid-template-columns:1fr}.billing-summary,.billing-explain{grid-template-columns:repeat(2,minmax(0,1fr))}.billing-equation{grid-template-columns:1fr}.billing-equation>b{transform:rotate(90deg)}}@media(max-width:700px){.billing-summary,.billing-explain,.billing-detail-grid{grid-template-columns:1fr}.billing-head,.billing-row{display:block}.billing-head button{margin-top:10px}.billing-row-total{margin-top:15px;text-align:left}.billing-dialog-actions{display:grid}}@media(max-width:520px){.billing-screen{padding:12px!important}.billing-hero,.billing-card{padding:18px}.billing-dialog-backdrop{padding:7px}.billing-dialog{padding:22px 14px}.billing-hero h1{font-size:31px}}