.paymentHistoryVisuals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 14px}.paymentHistoryCard,.paymentHistoryProgress{min-height:70px;padding:12px;display:flex;align-items:center;gap:10px;border-radius:5px;color:#fff}.paymentHistoryCard span{width:34px;height:34px;display:grid;place-items:center;background:#ffffff22}.paymentHistoryCard svg{width:19px;height:19px}.paymentHistoryCard small,.paymentHistoryProgress small{display:block;font-size:10px;font-weight:700;letter-spacing:.2px}.paymentHistoryCard strong{display:block;font-size:18px;margin-top:3px}.paymentHistoryCard.collected{background:linear-gradient(135deg,#047857,#10b981)}.paymentHistoryCard.outstanding{background:linear-gradient(135deg,#9a3412,#f59e0b)}.paymentHistoryProgress{display:block;background:linear-gradient(135deg,#0f3544,#1d4ed8)}.paymentHistoryProgress>div:first-child{display:flex;justify-content:space-between;font-size:12px;font-weight:700}.paymentHistoryProgress small{margin-top:7px;color:#dbeafe}.paymentProgressTrack{height:7px;margin-top:9px;overflow:hidden;background:#ffffff40;border-radius:10px}.paymentProgressTrack i{display:block;height:100%;background:#fff;border-radius:inherit}.paymentHistoryActions{text-align:center}.paymentHistoryActions .deleteButton{width:31px;height:29px;padding:5px;color:#ef4444;background:#fff1f2;border-color:#fecdd3}.paymentHistoryActions svg{width:16px;height:16px}.paymentInitialLabel{display:inline-block;padding:4px 6px;color:#64748b;background:#f1f5f9;border-radius:4px;font-size:10px;white-space:nowrap}@media(max-width:720px){.paymentHistoryVisuals{grid-template-columns:1fr}.paymentHistoryCard,.paymentHistoryProgress{min-height:62px}}