.billing-page{min-height:100vh;padding:32px clamp(18px,5vw,72px);background:var(--bg);color:var(--text)}.billing-page>header{display:flex;gap:28px;align-items:center}.billing-page>header a{color:var(--muted);text-decoration:none}.billing-page>header a:hover{color:var(--text)}.billing-page h1{margin:4px 0;font-size:1.8rem}.billing-page header small{color:var(--orange)}.billing-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:28px 0}.billing-metrics article,.billing-table{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px}.billing-metrics article{display:grid;gap:10px}.billing-metrics span{color:var(--muted);font-size:.8rem}.billing-metrics strong{color:var(--text);font-size:1.3rem}.billing-table{color:var(--text)}.billing-table>div:first-child{display:flex;align-items:center;justify-content:space-between}.billing-table h2{color:var(--text);font-size:1rem}.billing-table small{color:var(--muted)}.billing-table table{color:var(--text)}.billing-table th{color:var(--muted);border-bottom-color:var(--line)}.billing-table td{color:var(--text);border-bottom-color:var(--line)}.billing-table td:first-child{color:var(--text)}.billing-table td small{color:var(--muted)}
html[data-theme="light"] .billing-page{background:radial-gradient(circle at 88% 0,#fff0e9 0,transparent 30%),var(--bg)}html[data-theme="light"] .billing-metrics article,html[data-theme="light"] .billing-table{background:#fff;border-color:#dfe4ec;box-shadow:0 10px 30px rgba(32,45,66,.055)}html[data-theme="light"] .billing-page>header a{color:#586579}html[data-theme="light"] .billing-page>header a:hover{color:#d94b17}html[data-theme="light"] .billing-page header small{color:#d94b17}html[data-theme="light"] .billing-metrics span,html[data-theme="light"] .billing-table small{color:#697386}html[data-theme="light"] .billing-metrics strong,html[data-theme="light"] .billing-table h2,html[data-theme="light"] .billing-table td,html[data-theme="light"] .billing-table td:first-child{color:#273247}html[data-theme="light"] .billing-table th{color:#697386;border-bottom-color:#e3e7ee}html[data-theme="light"] .billing-table td{border-bottom-color:#edf0f4}html[data-theme="light"] .billing-table tbody tr:hover{background:#fff8f4}
@media(max-width:720px){.billing-metrics{grid-template-columns:1fr}.billing-page>header{gap:18px}.billing-page h1{font-size:1.45rem}}