.billing-page{padding-block:clamp(2rem,5vw,5rem)}.billing-page .page-header{max-width:65rem}.billing-page .page-header h1{font-family:var(--font-display,Georgia,serif);font-size:clamp(2.2rem,4.5vw,4rem);line-height:1.08}
.billing-stats { display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1px;background:var(--border,#343846);border:1px solid var(--border,#343846);margin:1.5rem 0 }
.billing-stats>div { padding:1rem;background:var(--bg,#10111c) }.billing-stats dt{font-size:.8rem;opacity:.75}.billing-stats dd{margin:.5rem 0 0;font-size:1.4rem;font-weight:600}
.billing-actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.billing-actions>*{margin:0}
.billing-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--border,#343846);margin-block:2rem}.billing-plan{padding:2rem;border-inline-end:1px solid var(--border,#343846)}.billing-plan:last-child{border-inline-end:0}.billing-plan--plus{border-top:3px solid #c1a9d8}.billing-plan--pro{border-top:3px solid #e8bd86}.billing-price{font-size:1.6rem;color:var(--text,#eee)}
.billing-settings{margin-block:1rem}.billing-settings summary{cursor:pointer;font-size:1.1rem;font-weight:600}.billing-settings form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.5rem}.billing-settings label{display:grid;gap:.5rem;text-transform:capitalize}.billing-settings textarea{min-width:0;font-family:monospace;resize:vertical}.billing-settings input,.billing-settings textarea{background:var(--bg,#10111c);color:inherit;border:1px solid #4c5064;padding:.65rem}.billing-settings form>p{grid-column:1/-1}.billing-table{overflow-x:auto}.billing-table table{width:100%;border-collapse:collapse}.billing-table th,.billing-table td{text-align:left;padding:.7rem;border-bottom:1px solid #343846}.billing-table caption{text-align:left;margin-block:.5rem;font-size:.85rem}
.billing-confirm{background:#151722;color:#eee;border:1px solid #77718d;padding:2rem;max-width:min(90vw,500px)}.billing-confirm::backdrop{background:#0009}.billing-confirm button{margin:.5rem}
@media(max-width:750px){.billing-plans{grid-template-columns:1fr}.billing-plan{border-inline-end:0;border-bottom:1px solid #343846}.billing-settings form{grid-template-columns:1fr}}