.payment-note{display:flex;align-items:flex-start;gap:14px;margin-bottom:18px;padding:16px 18px;border:1px solid #ddd7ff;border-radius:16px;background:linear-gradient(135deg,#f3f0ff,#fff)}
.payment-note-icon{display:grid;flex:0 0 auto;width:40px;height:40px;place-items:center;border-radius:12px;background:#e9e5ff;color:var(--purple);font-weight:900}
.payment-note strong{display:block;margin:1px 0 5px}.payment-note p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}
.payment-stats{margin-bottom:18px}.payment-stat-note{font-size:12px;color:var(--muted)}
.payments-card{padding:0;overflow:hidden}.payments-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px;border-bottom:1px solid var(--line)}
.payments-toolbar h2{margin:0 0 4px;font-size:18px}.payments-toolbar p{margin:0;color:var(--muted);font-size:12px}
.payment-filters{display:flex;flex-wrap:wrap;gap:7px}.payment-filter{border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);padding:8px 11px;font-size:12px;font-weight:700;cursor:pointer}
.payment-filter:hover,.payment-filter.active{border-color:#d5cfff;background:#efedff;color:#5145cd}
.table-wrap{overflow-x:auto}.payment-table{min-width:850px}.payment-customer{display:flex;align-items:center;gap:10px}.payment-customer .avatar{flex:0 0 auto}
.payment-customer small,.payment-subtext{display:block;margin-top:3px;color:var(--muted);font-size:11px}.payment-method-select,.payment-status-select{min-width:130px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:9px 10px;font-size:12px;font-weight:700;cursor:pointer}
.payment-status-select.unpaid{border-color:#f6d28b;background:#fff8e8;color:#a86500}.payment-status-select.paid{border-color:#a9e7c2;background:#ecfdf3;color:#16803a}.payment-status-select.refunded{border-color:#f4b4be;background:#fff0f2;color:#b42338}
.status-badge{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:800}.status-badge.unpaid{background:#fff6dd;color:#a86500}.status-badge.paid{background:#ecfdf3;color:#16803a}.status-badge.refunded{background:#fff0f2;color:#b42338}
.mini-payment-list{display:grid;gap:3px}.mini-payment-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.mini-payment-list>div:last-child{border-bottom:0}.mini-payment-list strong,.mini-payment-list small{display:block}.mini-payment-list small{margin-top:3px;color:var(--muted);font-size:11px}
@media(max-width:900px){.payments-toolbar{align-items:flex-start;flex-direction:column}.payment-filters{width:100%}.payment-filter{flex:1}.payment-note{align-items:flex-start}.payment-stats{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.payment-stats{grid-template-columns:1fr}.payment-note{padding:14px}.payment-note-icon{width:36px;height:36px}.payment-filters{display:grid;grid-template-columns:1fr 1fr}.payment-filter{width:100%}}