.billing-total{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 22px;border:1px solid #dce3fc;border-radius:10px;background:#f5f7ff}.billing-total span{font-size:.83rem;color:#68758a}.billing-total strong{font-size:1.45rem;letter-spacing:-.5px}.billing-record{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:17px 0;border-top:1px solid #e7ebf0}.billing-record small{margin-top:5px;font-size:.75rem}.billing-filters{display:grid;grid-template-columns:minmax(180px,2fr) minmax(130px,1fr) minmax(130px,1fr) minmax(130px,1fr) auto auto;gap:12px;padding:22px;border-bottom:1px solid #e7ebf0}.billing-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:25px;border-bottom:1px solid #e7ebf0}.billing-summary>div+div{border-left:1px solid #e7ebf0;padding-left:22px}.billing-summary span{display:block;font-size:.73rem;color:#68758a;margin-bottom:8px}.billing-summary strong{font-size:1.3rem;letter-spacing:-.5px}.badge-paid{background:#e9f7ef;color:#16805b}.badge-partial{background:#fff5df;color:#926315}.badge-unpaid,.badge-reversed{background:#fff0ed;color:#b94335}
@media(max-width:1199.98px){.billing-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575.98px){.billing-filters{padding:18px;grid-template-columns:1fr}.billing-summary{padding:18px;gap:16px;grid-template-columns:1fr}.billing-summary>div+div{border-left:0;padding-left:0;padding-top:14px;border-top:1px solid #e7ebf0}.billing-total,.billing-record{align-items:flex-start;flex-direction:column}.billing-total strong{font-size:1.3rem}}