.billing-dashboard-page{overflow:visible;padding:0 0 28px;border:0;background:radial-gradient(circle at 85% 2%,#147687 0,transparent 29%),radial-gradient(circle at 10% 58%,#104a61 0,transparent 31%),linear-gradient(135deg,#09243c 0%,#0a3c53 52%,#093149 100%);color:#eaf6f7}
.billing-dashboard-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:31px 30px 27px;color:#fff;background:linear-gradient(110deg,#082844cc,#0d6172a8);border-bottom:1px solid #8fd4da33}
.billing-dashboard-hero small{display:block;letter-spacing:.12em;font-size:.68rem;font-weight:800;color:#9be1e4}.billing-dashboard-hero h2{margin:7px 0;font-size:2rem;letter-spacing:-.035em}.billing-dashboard-hero p{margin:0;color:#d6eef0;font-size:.9rem}.billing-dashboard-source{min-width:214px;padding:13px 16px;border:1px solid #b9e7e655;border-radius:10px;background:#031b2d52;box-shadow:0 10px 26px #03182630;text-align:left;font-size:.82rem;font-weight:700}.billing-dashboard-source small{margin-top:4px;color:#c8edf0;font-size:.7rem;font-weight:500;letter-spacing:0}
.billing-dashboard-filters{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:20px 20px 0;padding:15px 17px;border:1px solid #d7e7e9;border-radius:12px;background:#fafdfe;box-shadow:0 12px 26px #0215243d;color:#244357}.billing-dashboard-filters label{display:grid;gap:6px;color:#38566a;font-size:.74rem;font-weight:800;letter-spacing:.01em}.billing-dashboard-filters input,.billing-dashboard-filters select{min-height:39px;padding:8px 10px;border:1px solid #b8d0d8;border-radius:7px;background:#fff;color:#183b51;font:inherit;font-size:.84rem}.billing-dashboard-filters input:focus,.billing-dashboard-filters select:focus{outline:3px solid #45b2ba55;border-color:#1996a2}.billing-dashboard-client{position:relative;min-width:min(300px,100%);flex:1}.billing-client-picker{position:relative}.billing-client-options{position:absolute;z-index:30;top:calc(100% + 6px);left:0;width:min(440px,calc(100vw - 64px));max-height:300px;overflow:auto;padding:6px;border:1px solid #a9c7d1;border-radius:9px;background:#fff;box-shadow:0 18px 36px #072b4142}.billing-client-options[hidden]{display:none}.billing-client-options button{display:block;width:100%;padding:9px 10px;border:0;border-radius:6px;background:transparent;color:#23465b;text-align:left;cursor:pointer}.billing-client-options button:hover,.billing-client-options button:focus{background:#e7f5f6;outline:0}.billing-client-options b,.billing-client-options small{display:block}.billing-client-options b{font-size:.83rem}.billing-client-options small{margin-top:2px;color:#6d8392;font-size:.72rem}.billing-dashboard-filters>button{min-height:39px;padding:9px 15px;border-radius:7px}.billing-dashboard-summary{margin:14px 23px 0;color:#d7eaed;font-size:.79rem}.billing-dashboard-empty{margin:20px;padding:44px 20px;border:1px dashed #8ec8cf;border-radius:12px;background:#f9fdfe;color:#36566a;text-align:center}
.billing-dashboard-grid{display:grid;gap:17px;margin:20px}.billing-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.billing-kpi{position:relative;min-width:0;padding:17px 16px 15px;border:1px solid #dce9ec;border-radius:11px;background:linear-gradient(145deg,#fff,#eff8f9);box-shadow:0 10px 20px #021a2c2b;color:#183b51}.billing-kpi::before{display:block;width:31px;height:4px;margin-bottom:13px;border-radius:999px;background:#1397a0;content:""}.billing-kpi.overdue::before{background:#df6652}.billing-kpi.warning::before{background:#d99d29}.billing-kpi.ready::before{background:#21a76a}.billing-kpi small,.billing-kpi strong,.billing-kpi span{display:block}.billing-kpi small{color:#597386;font-size:.73rem;font-weight:800}.billing-kpi strong{margin:7px 0 5px;color:#12344b;font-size:1.23rem;line-height:1.14;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.billing-kpi span{color:#758b98;font-size:.69rem}
.billing-dashboard-page .billing-panel{min-width:0;padding:19px;border:1px solid #dce9ec;border-radius:12px;background:linear-gradient(145deg,#fff 0%,#f5fafb 100%);box-shadow:0 12px 25px #021a2c2b;color:#28495e}.billing-dashboard-panels{display:grid;gap:17px}.billing-dashboard-main-panels{grid-template-columns:minmax(0,1.32fr) minmax(320px,.9fr)}.billing-dashboard-aging-panels{grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr)}.billing-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:17px}.billing-dashboard-page .billing-panel h3{margin:0;color:#143c55;font-size:1rem}.billing-panel-head p{margin:5px 0 0;color:#718795;font-size:.74rem}.billing-panel-head>span{padding:5px 8px;border-radius:999px;background:#e8f5f6;color:#397184;font-size:.69rem;font-weight:700;white-space:nowrap}
.billing-bars{display:block;height:242px;padding:0;border-bottom:1px solid #d8e6e9;background:repeating-linear-gradient(to bottom,transparent 0,transparent 48px,#dfecef 49px,#dfecef 50px)}.billing-chart-svg{display:block;width:100%;height:100%;overflow:visible}.billing-chart-svg text{fill:#5f7889;font-size:12px;font-weight:700}.billing-chart-grid-line{stroke:#d9e8eb;stroke-width:1}.billing-chart-bar-due{fill:#138f9c}.billing-chart-bar-paid{fill:#2db777}.billing-chart-key{display:flex;gap:17px;margin-top:14px;color:#536f81;font-size:.74rem;font-weight:700}.billing-chart-key i{display:inline-block;width:9px;height:9px;margin-right:5px;border-radius:2px;background:#148fa0}.billing-chart-key i.received{background:#32ae74}
.billing-donut-layout{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:18px}.billing-donut{width:150px;height:150px;margin:auto}.billing-donut-chart{display:block;width:100%;height:100%;filter:drop-shadow(0 8px 10px #0a42521e)}.billing-donut-chart text{fill:#294c61;font-size:11px;font-weight:800}.billing-donut-chart .billing-donut-value{font-size:13px}.billing-legend{display:grid;gap:7px}.billing-legend>p{margin:0 0 2px;color:#627c8c;font-size:.66rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.billing-legend div{display:grid;grid-template-columns:13px minmax(0,1fr) auto;gap:9px;align-items:center;padding:7px 8px;border:1px solid #e1ecef;border-radius:7px;background:#fbfdfe;color:#607889;font-size:.73rem}.billing-legend i{width:12px;height:12px;border-radius:3px;box-shadow:0 1px 3px #15394a55}.billing-legend-color.registered{background:#168d96}.billing-legend-color.overdue{background:#e16653}.billing-legend-color.paid{background:#27a76a}.billing-legend-color.cancel_requested{background:#e5a43a}.billing-legend-color.cancelled{background:#7c92a4}.billing-legend-color.rejected{background:#c95062}.billing-legend-color.processing{background:#537fc0}.billing-legend span,.billing-legend span b,.billing-legend span small{display:block}.billing-legend span b{color:#24485d;font-size:.73rem}.billing-legend span small{margin-top:2px;color:#708794;font-size:.65rem}.billing-legend strong{color:#24485d;font-size:.68rem;text-align:right;white-space:nowrap}
.billing-aging{display:grid;gap:11px}.billing-aging article{display:grid;grid-template-columns:minmax(140px,1.2fr) minmax(90px,1fr) auto;gap:12px;align-items:center;padding:9px 11px;border:1px solid #e3eef0;border-radius:8px;background:#fbfdfe}.billing-aging small,.billing-aging strong,.billing-aging span{display:block}.billing-aging small{color:#607989;font-size:.69rem;font-weight:800}.billing-aging strong{margin-top:3px;color:#1f465d;font-size:.9rem}.billing-aging span{color:#6e8593;font-size:.69rem;white-space:nowrap}.billing-aging-track{height:10px;overflow:hidden;border-radius:999px}.billing-aging-chart{display:block;width:100%;height:10px}
.billing-comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.billing-comparison-grid article{padding:11px;border:1px solid #e0ecef;border-radius:8px;background:#fbfdfe}.billing-comparison-grid small,.billing-comparison-grid strong,.billing-comparison-grid span{display:block}.billing-comparison-grid small{color:#627a8a;font-size:.69rem;font-weight:800}.billing-comparison-grid strong{margin:6px 0 4px;color:#23485e;font-size:.96rem;overflow-wrap:anywhere}.billing-comparison-grid span{color:#728a97;font-size:.66rem}.billing-comparison-bars{display:grid;gap:9px;margin-top:15px}.billing-comparison-bars div{display:grid;grid-template-columns:56px 1fr;gap:8px;align-items:center;color:#607989;font-size:.69rem;font-weight:700}.billing-comparison-bars i{display:block;height:10px;border-radius:999px;background:#a8c5cf}.billing-comparison-bars div:last-child i{background:linear-gradient(90deg,#168e9a,#35b87a)}
.billing-dashboard-action-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(250px,.82fr) minmax(280px,.95fr);gap:17px}.billing-protest{border:2px solid #ea6c5d!important;background:linear-gradient(145deg,#fff,#fff6f4)!important}.billing-protest .billing-panel-head h3{color:#a73f39!important}.billing-protest .billing-panel-head>span{background:#ffe5e1;color:#a7453d}.billing-panel-link{padding:6px 9px;border:1px solid #efb2aa;border-radius:999px;background:#fff5f3;color:#a3423b;font:inherit;font-size:.7rem;font-weight:800;white-space:nowrap;cursor:pointer}.billing-panel-link:hover,.billing-panel-link:focus{border-color:#d95d4f;background:#ffe6e2;outline:0}.billing-protest-table{display:grid;font-size:.75rem}.billing-protest-head,.billing-protest-row{display:grid;grid-template-columns:minmax(120px,1.5fr) 58px 52px minmax(90px,.9fr);gap:8px;align-items:center}.billing-protest-head{padding:0 2px 8px;color:#7f6a68;font-size:.65rem;font-weight:800}.billing-protest-row{padding:9px 2px;border-top:1px solid #f3ddd8}.billing-protest-row b{overflow:hidden;color:#365066;text-overflow:ellipsis;white-space:nowrap}.billing-protest-row em{display:inline-block;padding:3px 6px;border-radius:999px;background:#ffe2dd;color:#bc4e43;font-size:.66rem;font-style:normal;font-weight:800}.billing-protest-row strong{color:#a7473d;text-align:right;white-space:nowrap}.billing-protest-dialog{width:min(1100px,calc(100vw - 36px));max-height:calc(100vh - 36px);padding:0;border:0;border-radius:15px;background:#f7fbfc;color:#183e54;box-shadow:0 24px 70px #03182788}.billing-protest-dialog::backdrop{background:#0318279e}.billing-protest-dialog-card{display:grid;gap:18px;padding:24px}.billing-protest-dialog-head{display:flex;justify-content:space-between;gap:20px;padding:3px 0 19px;border-bottom:1px solid #d7e6ea}.billing-protest-dialog-head small{display:block;color:#168e9a;font-size:.67rem;font-weight:900;letter-spacing:.11em}.billing-protest-dialog-head h2{margin:6px 0;color:#103c56;font-size:1.48rem}.billing-protest-dialog-head p{max-width:680px;margin:0;color:#60798a;font-size:.8rem}.billing-protest-dialog-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.billing-protest-dialog-summary article{padding:12px 13px;border:1px solid #dce9ed;border-radius:9px;background:#fff}.billing-protest-dialog-summary small,.billing-protest-dialog-summary strong{display:block}.billing-protest-dialog-summary small{color:#708796;font-size:.67rem;font-weight:800;text-transform:uppercase}.billing-protest-dialog-summary strong{margin-top:5px;color:#143f59;font-size:1rem}.billing-protest-dialog-table{max-height:min(52vh,540px);border:1px solid #dbe8eb;border-radius:9px;background:#fff}.billing-protest-dialog-table table{min-width:720px}.billing-protest-dialog-table th{position:sticky;top:0;background:#103c56;color:#fff}.billing-protest-dialog-table td{color:#38586c}.billing-protest-dialog-table td:nth-child(3) em{display:inline-block;padding:3px 7px;border-radius:999px;background:#ffe2dd;color:#b7473d;font-size:.72rem;font-style:normal;font-weight:800}.billing-protest-dialog-table td:last-child{text-align:right}.billing-protest-dialog-table td:last-child strong{color:#a2443b}.billing-protest-dialog-actions{display:flex;align-items:center;justify-content:space-between;gap:16px}.billing-protest-dialog-actions span{color:#617d8e;font-size:.75rem}.billing-protest-dialog-actions button{white-space:nowrap}.billing-attention-list{display:grid;gap:9px}.billing-attention-list div{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid #e7eef0}.billing-attention-list div:last-child{border-bottom:0}.billing-attention-list b{display:grid;place-items:center;width:31px;height:25px;border-radius:7px;background:#e4f3f4;color:#1c7785;font-size:.75rem}.billing-attention-list div:first-child b{background:#ffe3dd;color:#bd4e43}.billing-attention-list span{color:#597385;font-size:.72rem;font-weight:700}.billing-next-list{display:grid}.billing-next-list>div{display:grid;grid-template-columns:minmax(100px,1fr) auto auto;gap:10px;align-items:center;padding:9px 0;border-top:1px solid #e6eef0}.billing-next-list b,.billing-next-list small{display:block}.billing-next-list b{overflow:hidden;color:#355469;font-size:.75rem;text-overflow:ellipsis;white-space:nowrap}.billing-next-list small{margin-top:2px;color:#748a96;font-size:.66rem}.billing-next-list time{color:#5d7888;font-size:.69rem;white-space:nowrap}.billing-next-list strong{color:#234a5e;font-size:.72rem;text-align:right;white-space:nowrap}.billing-no-rows{margin:14px 0;color:#708592;font-size:.78rem}
.billing-client-view{display:grid;grid-column:1/-1;gap:18px;padding:24px;border:1px solid #9fcbd1;border-radius:14px;background:linear-gradient(140deg,#fafdfe,#eaf6f7);box-shadow:0 14px 30px #021a2c30;color:#23475e}.billing-client-view-head,.billing-client-panel>header,.billing-client-history>header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.billing-client-view-head{padding-bottom:16px;border-bottom:1px solid #cfe4e7}.billing-client-view-head small,.billing-client-panel small,.billing-client-history small{display:block;color:#278490;font-size:.66rem;font-weight:900;letter-spacing:.08em}.billing-client-view-head h3{margin:5px 0;color:#123b54;font-size:1.35rem}.billing-client-view-head p{margin:0;color:#587385;font-size:.8rem}.billing-client-view-head p b{color:#1e4d65}.billing-client-view-head>span{padding:6px 9px;border-radius:999px;background:#dff2f3;color:#23717d;font-size:.69rem;font-weight:800;white-space:nowrap}.billing-client-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.billing-client-kpis article{padding:14px;border:1px solid #d9e9ec;border-radius:10px;background:#fff}.billing-client-kpis article::before{display:block;width:29px;height:4px;margin-bottom:10px;border-radius:99px;background:#168d96;content:""}.billing-client-kpis article.danger::before{background:#df6253}.billing-client-kpis article.ready::before{background:#28a96d}.billing-client-kpis small,.billing-client-kpis strong,.billing-client-kpis span{display:block}.billing-client-kpis small{color:#607b8b;font-size:.69rem;font-weight:800}.billing-client-kpis strong{margin:6px 0 4px;color:#173f57;font-size:1.07rem;line-height:1.15;overflow-wrap:anywhere}.billing-client-kpis span{color:#718996;font-size:.67rem}.billing-client-columns{display:grid;grid-template-columns:1fr 1fr;gap:15px}.billing-client-panel,.billing-client-history{border:1px solid #d8e7ea;border-radius:10px;background:#fff;overflow:hidden}.billing-client-panel>header{padding:14px 15px;border-bottom:1px solid #e1edef;background:#fbfdfe}.billing-client-panel.overdue>header{background:#fff7f5;border-bottom-color:#f5ddd8}.billing-client-panel h4,.billing-client-history h4{margin:4px 0 0;color:#1a465f;font-size:.93rem}.billing-client-panel.overdue h4{color:#ae4239}.billing-client-panel>header>span{padding:4px 7px;border-radius:999px;background:#e5f4f5;color:#2c7882;font-size:.67rem;font-weight:800;white-space:nowrap}.billing-client-panel.overdue>header>span{background:#ffe4df;color:#ae483f}.billing-client-titles{min-width:510px;font-size:.73rem}.billing-client-titles th{padding:10px 12px;background:#f7fbfc;color:#617d8c;font-size:.65rem;font-weight:800}.billing-client-titles td{padding:11px 12px;color:#3c5d70}.billing-client-titles td:last-child{text-align:right}.billing-client-titles td strong{color:#1d4962}.billing-client-titles em{display:inline-block;padding:3px 6px;border-radius:999px;font-size:.66rem;font-style:normal;font-weight:800;white-space:nowrap}.billing-client-titles em.late{background:#ffe3df;color:#bb4e43}.billing-client-titles em.upcoming{background:#e1f4f3;color:#227883}.billing-client-empty{margin:0;padding:24px 16px;color:#708794;font-size:.77rem;text-align:center}.billing-client-history{padding:15px}.billing-client-history>header{padding-bottom:11px}.billing-client-history p{margin:4px 0 0;color:#708694;font-size:.72rem}.billing-client-history>header>span{display:grid;gap:2px;min-width:92px;padding:7px 9px;border-radius:8px;background:#fff0ed;color:#b14c42;text-align:right}.billing-client-history>header>span small{color:#b14c42;font-size:.59rem;letter-spacing:0}.billing-client-history>header>span b{font-size:.86rem}.billing-client-history-chart{display:block;width:100%;height:178px}.billing-client-history-grid{stroke:#dce9ec;stroke-width:1}.billing-client-history-line{fill:none;stroke:#168f9b;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.billing-client-history-dot{fill:#168f9b;stroke:#fff;stroke-width:2}.billing-client-history-chart text{fill:#718997;font-size:11px;font-weight:700}
.billing-payment-behavior{padding:16px;border:1px solid #d5e6e9;border-radius:10px;background:linear-gradient(145deg,#fff,#f7fbfc)}.billing-payment-behavior>header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding-bottom:14px;border-bottom:1px solid #e2edef}.billing-payment-behavior header small{display:block;color:#278490;font-size:.66rem;font-weight:900;letter-spacing:.08em}.billing-payment-behavior h4{margin:4px 0 0;color:#1a465f;font-size:.98rem}.billing-payment-behavior>header p{margin:4px 0 0;color:#718997;font-size:.72rem}.billing-payment-behavior>header>span{padding:5px 8px;border-radius:999px;background:#e2f3f4;color:#27717b;font-size:.67rem;font-weight:800;white-space:nowrap}.billing-payment-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-top:14px}.billing-payment-kpis article{padding:12px;border:1px solid #dce9ec;border-radius:8px;background:#fff}.billing-payment-kpis article::before{display:block;width:26px;height:4px;margin-bottom:9px;border-radius:99px;background:#168d96;content:""}.billing-payment-kpis article.danger::before{background:#df6253}.billing-payment-kpis article.ready::before{background:#28a96d}.billing-payment-kpis small,.billing-payment-kpis strong,.billing-payment-kpis span{display:block}.billing-payment-kpis small{color:#647f8f;font-size:.66rem;font-weight:800}.billing-payment-kpis strong{margin:6px 0 3px;color:#173f57;font-size:1rem;line-height:1.15;overflow-wrap:anywhere}.billing-payment-kpis span{color:#738a97;font-size:.65rem}.billing-payment-notices{display:grid;gap:6px;margin-top:12px}.billing-payment-notices p{margin:0;padding:8px 10px;border-left:3px solid #d99d29;border-radius:5px;background:#fff8e9;color:#806428;font-size:.69rem;font-weight:700}.billing-payment-list{margin-top:15px;border:1px solid #dce9ec;border-radius:8px;background:#fff;overflow:hidden}.billing-payment-list-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px;border-bottom:1px solid #e1edef;background:#fbfdfe}.billing-payment-list-head h5{margin:0;color:#244d65;font-size:.77rem}.billing-payment-list-head span{color:#a75b42;font-size:.65rem;font-weight:700}.billing-payment-list table{min-width:620px;font-size:.73rem}.billing-payment-list th{padding:10px 12px;background:#f7fbfc;color:#617d8c;font-size:.65rem;font-weight:800}.billing-payment-list td{padding:11px 12px;color:#3c5d70}.billing-payment-list td:nth-last-child(2) em{display:inline-block;padding:3px 6px;border-radius:999px;background:#ffe3df;color:#bb4e43;font-size:.66rem;font-style:normal;font-weight:800}.billing-payment-list td:last-child{text-align:right}.billing-payment-list td:last-child strong{color:#1e4b63}.billing-payment-list .billing-payment-value-pending{color:#a56b2d}.billing-payment-value-pending small{display:block;margin-top:2px;color:#7a8e99;font-size:.61rem;font-weight:700}
@media(max-width:1250px){.billing-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.billing-dashboard-action-grid{grid-template-columns:1fr 1fr}.billing-next{grid-column:1/-1}}@media(max-width:900px){.billing-dashboard-main-panels,.billing-dashboard-aging-panels,.billing-dashboard-action-grid{grid-template-columns:1fr}.billing-next{grid-column:auto}.billing-dashboard-hero{align-items:flex-start;flex-direction:column}.billing-dashboard-source{min-width:0}.billing-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.billing-protest-dialog-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.billing-dashboard-hero{padding:23px 17px}.billing-dashboard-hero h2{font-size:1.55rem}.billing-dashboard-filters,.billing-dashboard-grid{margin-left:12px;margin-right:12px}.billing-dashboard-filters{align-items:stretch}.billing-dashboard-filters label,.billing-dashboard-client{width:100%}.billing-dashboard-filters>button{width:100%}.billing-kpis{grid-template-columns:1fr}.billing-dashboard-page .billing-panel{padding:15px}.billing-bars{gap:4px;height:184px}.billing-bar-columns i{width:min(15px,41%)}.billing-donut-layout{grid-template-columns:1fr}.billing-donut{margin-bottom:2px}.billing-aging article{grid-template-columns:1fr auto}.billing-aging-track{grid-column:1/-1;grid-row:2}.billing-protest-head{display:none}.billing-protest-row{grid-template-columns:minmax(100px,1fr) auto auto}.billing-protest-row strong{grid-column:2/-1;grid-row:2}.billing-client-options{width:calc(100vw - 54px)}.billing-protest-dialog{width:calc(100vw - 18px)}.billing-protest-dialog-card{padding:17px}.billing-protest-dialog-head{flex-direction:column}.billing-protest-dialog-head button{align-self:flex-start}.billing-protest-dialog-actions{align-items:stretch;flex-direction:column}.billing-protest-dialog-actions button{width:100%}}
@media(max-width:900px){.billing-client-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.billing-client-columns{grid-template-columns:1fr}}@media(max-width:620px){.billing-client-view{padding:16px}.billing-client-view-head{flex-direction:column}.billing-client-kpis{grid-template-columns:1fr}.billing-client-history>header{flex-direction:column}.billing-client-history>header>span{text-align:left}.billing-client-titles{min-width:470px}}
@media(max-width:900px){.billing-payment-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.billing-payment-behavior>header{flex-direction:column}.billing-payment-behavior>header>span{align-self:flex-start}.billing-payment-kpis{grid-template-columns:1fr}}
