.billing-month{width:190px}.billing-summary{display:grid;grid-template-columns:repeat(3,1fr) auto;align-items:center;gap:22px;padding:20px;margin-bottom:22px}.billing-summary>div{display:flex;flex-direction:column}.billing-summary span{font-size:12px;color:var(--muted)}.billing-summary strong{font-size:22px;margin:4px 0}.billing-summary small{color:var(--muted)}.bill-status,.client-access{display:inline-flex;padding:4px 9px;border-radius:999px;font-size:12px;font-weight:800}.bill-status.paid,.client-access.active{background:#e4f5ee;color:#14644f}.bill-status.unpaid,.client-access.closed{background:#ffe1dc;color:#a03123}.pending-count,.nav-badge{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#f4b942;color:#382600;font-size:11px;font-weight:900}.nav-badge{margin-left:auto}.pending-bill-banner{display:flex;align-items:center;gap:7px;background:#fff0cf;color:#805500;border-radius:10px;padding:8px 12px}.pending-bill-banner strong{font-size:18px}@media(max-width:850px){.billing-summary{grid-template-columns:1fr 1fr}.billing-summary .btn{grid-column:1/-1}}