main{max-width:1180px}.intro{color:#5f7890}.billing-stats{display:flex;flex-wrap:wrap;gap:18px;margin:30px 0}.billing-stat{background:white;border:1px solid #d3e0ea;border-radius:14px;padding:22px 28px;min-width:170px;flex:1}.billing-stat span{display:block;color:#5f7890;font-size:14px}.billing-stat strong{display:block;font-size:27px;margin-top:9px;white-space:nowrap}.billing-toolbar{display:flex;align-items:end;gap:14px;flex-wrap:wrap;margin:24px 0}.billing-toolbar label{font-size:14px;flex:1;min-width:140px}.billing-toolbar input,.billing-toolbar select{display:block;box-sizing:border-box;width:100%;margin-top:7px;padding:12px;border:1px solid #bfcedc;border-radius:6px;background:white;color:#002950;font:inherit}.billing-actions{display:flex;align-items:center;gap:12px;margin:20px 0;flex-wrap:wrap}.billing-actions span{margin-right:auto}.billing-list{background:white;border:1px solid #d3e0ea;border-radius:14px;overflow:hidden}.billing-row{display:grid;grid-template-columns:26px minmax(180px,1fr) minmax(120px,.6fr) auto auto;align-items:center;gap:18px;padding:22px;border-bottom:1px solid #d3e0ea}.billing-row:last-child{border:0}.billing-row input{width:18px;height:18px;accent-color:#f58200}.billing-row small{display:block;color:#5f7890;line-height:1.6}.billing-row .amount{font-weight:700;font-size:20px;white-space:nowrap}.bill-status{font-size:13px;padding:5px 10px;border-radius:20px;background:#edf3f7;display:inline-block}.bill-status.sent{background:#e8f5ee;color:#20624b}.billing-warning{color:#985407!important}.billing-empty{padding:40px;text-align:center;color:#5f7890}dialog{border:1px solid #cad9e3;border-radius:16px;max-width:500px;padding:30px;color:#002950}dialog::backdrop{background:#00295088}#identity{margin-left:auto;font-weight:600}#notice{background:#eef7f2;border-left:4px solid #247354;padding:18px;margin:20px 0}button:disabled{opacity:.5;cursor:default}.billing-row button{white-space:nowrap}
/* Let controls shrink inside their tracks, including Safari date inputs. */
.billing-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
.billing-stat{box-sizing:border-box;min-width:0;padding:22px}
.billing-stat strong{font-size:clamp(22px,2.5vw,27px);white-space:normal;overflow-wrap:anywhere}
.billing-toolbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.billing-toolbar label,.billing-toolbar input,.billing-toolbar select{min-width:0;max-width:100%}
.billing-toolbar input,.billing-toolbar select{min-height:46px}
.billing-toolbar input::-webkit-date-and-time-value{text-align:left}
.billing-row>*{min-width:0;box-sizing:border-box}
.billing-row strong,.billing-row small{overflow-wrap:anywhere}
.billing-row button{max-width:100%}
@media(max-width:1100px){
 .billing-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}
 .billing-row{grid-template-columns:24px minmax(0,1fr) auto;gap:12px 18px}
 .billing-row>input{grid-column:1;grid-row:1}
 .billing-row>div:not(.bill-meta){grid-column:2;grid-row:1}
 .billing-row .amount{grid-column:3;grid-row:1}
 .billing-row .bill-meta{grid-column:2;grid-row:2}
 .billing-row button{grid-column:3;grid-row:2;justify-self:end}
}
@media(max-width:560px){
 .billing-row{grid-template-columns:24px minmax(0,1fr);padding:16px;gap:12px}
 .billing-row .amount{grid-column:2;grid-row:2;white-space:normal;overflow-wrap:anywhere}
 .billing-row .bill-meta{grid-column:2;grid-row:3}
 .billing-row button{grid-column:2;grid-row:4;justify-self:start;white-space:normal}
 .billing-actions>button{max-width:100%;white-space:normal}
 .billing-stat{padding:18px}
}