.billing-heading-actions{display:flex;align-items:flex-end;gap:12px}.billing-month-label{display:grid;gap:5px;font-size:11px;font-weight:800;letter-spacing:.08em;color:#69737d}.billing-month-label .month-picker{min-width:165px}.billing-stats{margin-bottom:28px}.billing-total-card{background:linear-gradient(135deg,#173f3a,#245b52);color:#fff}.billing-total-card span,.billing-total-card small{color:#d9eee9!important}.billing-total-card strong{color:#fff!important}.billing-toolbar{display:flex;align-items:flex-end;justify-content:space-between;margin:0 0 16px}.billing-toolbar h2{margin:0 0 3px}.billing-toolbar p{margin:0;color:#77818b}.billing-legend{display:flex;gap:18px;font-size:13px;color:#66717a}.billing-legend span{display:flex;align-items:center;gap:7px}.legend-dot{width:9px;height:9px;border-radius:50%;background:#3b847a}.legend-dot.task{background:#e6a43a}.billing-property-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.billing-property-card{background:#fff;border:1px solid #e6e9eb;border-radius:18px;box-shadow:0 8px 24px rgba(25,41,49,.05);overflow:hidden}.billing-property-card.missing-rate{border-color:#e9b95f}.billing-property-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:20px 22px;border-bottom:1px solid #eef0f1}.billing-property-head>div:first-child{display:grid;gap:4px}.billing-property-name{font-family:'DM Sans',sans-serif;font-size:19px;font-weight:800;color:#1b2b32}.billing-property-head small{color:#7b858d}.billing-card-total{text-align:right;display:grid;gap:2px}.billing-card-total strong{font-family:'DM Sans',sans-serif;font-size:25px;color:#173f3a}.billing-calculation{padding:10px 22px}.billing-calc-line,.billing-detail-row{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid #f0f2f3}.billing-calc-line>div,.billing-detail-row>div{display:grid;gap:3px}.billing-calc-line small,.billing-detail-row small{color:#7b858d}.billing-calc-line b,.billing-detail-row b{font-size:15px;color:#253840}.billing-detail-icon{width:30px;height:30px;border-radius:9px;background:#e5f2ef;color:#2f746a;display:grid;place-items:center;font-weight:800}.task-row .billing-detail-icon{background:#fff1dc;color:#b87412}.missing-rate-button{border:0;background:#fff4de;color:#8b5b12;border-radius:10px;padding:10px 12px;margin:8px 0 3px;font-weight:700;cursor:pointer}.billing-no-extra{padding:13px 0;color:#8a9399;font-size:13px}.billing-property-footer{display:flex;align-items:center;gap:18px;padding:14px 22px;background:#f8faf9;font-size:13px;color:#69747c}.billing-property-footer span{display:grid;gap:2px}.billing-property-footer b{color:#253840}.billing-property-footer .text-button{margin-left:auto}.billing-empty{grid-column:1/-1;display:grid;gap:6px;min-height:180px;place-content:center;text-align:center}.billing-empty span{color:#7b858d}
@media(max-width:1050px){.billing-property-list{grid-template-columns:1fr}}@media(max-width:720px){.billing-heading-actions{width:100%;align-items:stretch;flex-direction:column}.billing-month-label .month-picker{width:100%}.billing-toolbar{align-items:flex-start;gap:12px;flex-direction:column}.billing-property-head{padding:17px}.billing-calculation{padding:8px 17px}.billing-property-footer{padding:13px 17px;flex-wrap:wrap}.billing-property-footer .text-button{width:100%;margin-left:0;text-align:left}.billing-legend{flex-wrap:wrap}}