.payments-head h2{margin:.1rem 0;color:#142b49}.payment-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 18px}.payment-card{--payment-ink:#1756a0;--payment-surface:#e8f1ff;--payment-border:#bdd7f5;display:flex;align-items:center;gap:13px;min-width:0;min-height:116px;padding:18px;border:1px solid var(--payment-border);border-radius:16px;background:#fff;box-shadow:0 5px 16px rgba(20,43,73,.06);transition:transform .25s ease-out,border-color .25s ease-out,box-shadow .25s ease-out,background-color .25s ease-out}.payment-card label{display:block;color:#526176;font-size:13px;font-weight:700}.payment-card strong{display:block;margin-top:6px;color:#142b49;font-size:24px;line-height:1.1;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.payment-card__icon{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:13px;color:var(--payment-ink);background:var(--payment-surface)}.payment-card__icon svg,.payment-actions .action svg,.payment-search-icon svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.payment-card--blue{--payment-ink:#1756a0;--payment-surface:#e8f1ff;--payment-border:#bdd7f5}.payment-card--green{--payment-ink:#14734f;--payment-surface:#e8f8ef;--payment-border:#b9e3c8}.payment-card--amber{--payment-ink:#a75e05;--payment-surface:#fff3db;--payment-border:#efd49c}.payment-card--teal{--payment-ink:#147c78;--payment-surface:#e0f5f2;--payment-border:#b9e2dc}.payment-workspace{padding:0}.payment-toolbar{display:flex;gap:10px;align-items:center;padding:16px;border-bottom:1px solid #e4eaf1}.payment-search{position:relative;display:flex;align-items:center;flex:1;min-width:190px}.payment-search input{padding-left:39px}.payment-search-icon{position:absolute;left:12px;color:#58708d;pointer-events:none}.payment-search-icon svg{width:18px;height:18px}.payment-toolbar select{width:min(220px,100%)}.payment-toolbar input:focus-visible,.payment-toolbar select:focus-visible,.payment-actions .action:focus-visible{outline:3px solid rgba(36,103,178,.25);outline-offset:2px}.payment-link{border:0;padding:0;background:transparent;color:#142b49;font:inherit;font-weight:800;cursor:pointer;text-align:left}.payment-link:hover,.payment-link:focus-visible{text-decoration:underline;outline:none}.payment-workspace small{display:block;margin-top:3px;color:#64748b}.payment-value{font-weight:750;color:#243247}.payment-value--received{color:#14734f}.payment-status{display:inline-flex;align-items:center;padding:4px 9px;border-radius:99px;background:#f1f5f9;color:#475569;font-size:12px;font-weight:750;white-space:nowrap}.payment-status--paid{background:#dcfce7;color:#166534}.payment-status--partially-paid{background:#fef3c7;color:#92400e}.payment-status--unpaid{background:#fff1f2;color:#9f1239}.payment-status--refunded,.payment-status--refund-pending{background:#f3e8ff;color:#6b21a8}.payment-actions{display:flex;flex-wrap:wrap;gap:6px}.payment-actions .action{display:inline-flex;align-items:center;gap:5px}.payment-actions .action svg{width:15px;height:15px}.payment-actions .action:disabled{cursor:not-allowed;opacity:.52}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}@media(hover:hover){.payment-card:hover{transform:translateY(-5px);border-color:var(--payment-ink);box-shadow:0 14px 28px rgba(20,43,73,.14);background:#fff}}@media(prefers-reduced-motion:reduce){.payment-card{transition:none!important}.payment-card:hover{transform:none}}@media(max-width:1000px){.payment-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.payment-summary-grid{grid-template-columns:1fr;gap:10px}.payment-toolbar{align-items:stretch;flex-direction:column}.payment-toolbar select{width:100%}.payment-card{min-height:104px;padding:14px}.payment-card strong{font-size:21px}.payment-card__icon{flex-basis:39px;width:39px;height:39px;border-radius:11px}.payment-card__icon svg{width:20px;height:20px}.payment-actions .action{min-height:34px}.payment-workspace .table-wrap{overflow-x:auto}}