.billing-page{background:#f4f7fa;color:#243b53;min-height:calc(100vh - 58px);padding:30px}.billing-heading{align-items:flex-end;display:flex;gap:24px;justify-content:space-between;margin-bottom:24px}.billing-heading>div:first-child>span,.billing-modal>header span{color:#08758a;display:block;font-size:11px;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.billing-heading h1{color:#153e5c;font-size:30px;font-weight:850;margin:3px 0}.billing-heading p{color:#698092;margin:0}.billing-actions{display:flex;flex-wrap:wrap;gap:8px}.billing-card{background:#fff;border:1px solid #dee7ee;box-shadow:0 8px 25px rgba(31,62,86,.05);overflow:hidden}.billing-filters{align-items:center;border-bottom:1px solid #e2e9ef;display:grid;gap:10px;grid-template-columns:minmax(280px,1fr) 220px auto auto;padding:16px 18px}.billing-filters>.billing-count{color:#6e8496;font-size:13px;margin-left:auto;white-space:nowrap}.billing-table th{background:#f5f8fa;border-color:#e2e9ef;color:#60788b;font-size:11px;font-weight:850;letter-spacing:.04em;padding:12px 14px;text-transform:uppercase;white-space:nowrap}.billing-table td{border-color:#e8edf2;color:#345169;padding:12px 14px}.billing-table td>strong,.billing-table td>small{display:block}.billing-table td>small{color:#788c9c;font-size:11px;margin-top:3px}.billing-footer{border-top:1px solid #e2e9ef;padding:13px 17px}.billing-status{border-radius:999px;display:inline-block;font-size:11px;font-weight:800;padding:5px 9px;white-space:nowrap}.billing-status.is-success{background:#e6f7ef;color:#087a47}.billing-status.is-info{background:#e7f2fb;color:#17699a}.billing-status.is-warning{background:#fff4d9;color:#946200}.billing-status.is-danger{background:#ffeaec;color:#b52c3d}.billing-status.is-muted{background:#f0f2f4;color:#697987}.billing-summary{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:18px}.billing-summary article{background:#fff;border:1px solid #dee7ee;padding:17px 20px}.billing-summary span,.billing-summary strong{display:block}.billing-summary span{color:#708598;font-size:12px}.billing-summary strong{color:#153e5c;font-size:23px;margin-top:3px}.billing-modal-backdrop{align-items:center;background:rgba(13,35,53,.6);display:flex;inset:0;justify-content:center;padding:18px;position:fixed;z-index:1150}.billing-modal{background:#fff;border-radius:14px;box-shadow:0 28px 80px rgba(8,35,58,.28);display:flex;flex-direction:column;max-height:calc(100vh - 36px);max-width:760px;overflow:hidden;width:100%}.billing-modal-lg{max-width:980px}.billing-modal-xl{max-width:1180px}.billing-modal>header{align-items:center;background:#fff;border-bottom:1px solid #e3ebf1;display:flex;flex:0 0 auto;justify-content:space-between;padding:16px 21px}.billing-modal h2{color:#153e5c;font-size:22px;font-weight:800;margin:2px 0 0}.billing-modal-form{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;overflow:hidden}.billing-modal-body{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:19px 21px;scrollbar-color:#9fb4c3 #eef3f6;scrollbar-width:thin}.billing-modal-body::-webkit-scrollbar{width:9px}.billing-modal-body::-webkit-scrollbar-track{background:#eef3f6}.billing-modal-body::-webkit-scrollbar-thumb{background:#9fb4c3;border:2px solid #eef3f6;border-radius:10px}.billing-modal>footer,.billing-modal-form>footer{background:#fff;border-top:1px solid #e3ebf1;display:flex;flex:0 0 auto;gap:8px;justify-content:flex-end;padding:13px 21px}.billing-form-section{border:1px solid #e2eaf0;border-radius:9px;margin-bottom:16px;overflow:hidden}.billing-form-section:last-child{margin-bottom:0}.billing-form-section>h3{background:#f5f8fa;border-bottom:1px solid #e2eaf0;color:#294d68;font-size:13px;font-weight:850;margin:0;padding:11px 14px}.billing-form-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));padding:15px}.billing-form-grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.billing-form-grid label{color:#36556d;display:grid;font-size:12px;font-weight:750;gap:5px;min-width:0}.billing-form-grid label>span{color:#d33}.billing-form-grid .wide{grid-column:1/-1}.billing-check{align-items:center!important;display:flex!important;gap:8px!important;padding-top:24px}.billing-check input{height:16px;width:16px}.billing-payment-overview{display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin-bottom:16px}.billing-payment-overview>div{background:#f5f9fb;border:1px solid #dde8ef;padding:13px}.billing-payment-overview span,.billing-payment-overview strong{display:block}.billing-payment-overview span{color:#718798;font-size:11px}.billing-payment-overview strong{color:#153e5c;font-size:18px;margin-top:3px}
@media(max-width:900px){.billing-page{padding:18px 12px}.billing-heading{align-items:stretch;flex-direction:column}.billing-filters{grid-template-columns:1fr 1fr}.billing-form-grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.billing-summary{grid-template-columns:1fr}.billing-modal-backdrop{padding:8px}.billing-modal{max-height:calc(100vh - 16px)}}
@media(max-width:600px){.billing-filters,.billing-form-grid,.billing-form-grid.cols-4,.billing-payment-overview{grid-template-columns:1fr}.billing-actions .btn{flex:1}.billing-form-grid .wide{grid-column:auto}.billing-modal-body{padding:13px}.billing-modal>header,.billing-modal>footer,.billing-modal-form>footer{padding:12px 14px}}