.payment-card{border-radius:20px;margin-bottom:12px;box-shadow:0 4px 12px #bfbfbf40}.payment-header{justify-content:space-between;align-items:center;display:flex}.customer-name{color:#3a6073;font-family:Poppins;font-size:16px;font-weight:500;line-height:24px}.payment-status{font-family:Poppins;font-size:16px;font-weight:500;line-height:24px}.status-Cancelled{color:#9ca3af}.status-Pending{color:#f0ad4e}.status-Paid{color:#22c55e}.status-Refunded{color:#17a2b8}.status-Failed{color:#ef4444}.status-Completed,.status-Donated{color:#0a8437;font-family:Poppins}.status-Success{color:#10b981;font-family:Poppins}.status-Processing{color:#f59e0b;font-family:Poppins}.status-Declined{color:#ef4444;font-family:Poppins}.status-Booked{color:#f0ad4e;font-family:Poppins}.payment-divider{background-color:#e6e6e6;height:1px;margin:8px 0}.payment-details{flex-direction:column;gap:12px;display:flex}.payment-row{flex-wrap:nowrap;align-items:flex-start;display:flex;gap:40px!important}.call-details-card{background-color:#fbfbfb;border:1px solid #e6e6e6;border-radius:24px 24px 0 0;padding:20px 16px 12px}.call-details-card-standalone{border-radius:20px;padding:20px 16px}.payout-details-card{background-color:#50768921;border:1px solid #e6e6e6;border-radius:0 0 20px 20px;padding:12px 16px 20px}.payout-row{background:0 0;border-radius:0;margin:0;padding:0}.transaction-separator{background-image:repeating-linear-gradient(90deg,#e6e6e6 0 8px,#0000 8px 16px);height:2px;margin:16px 0}.payment-field{flex-direction:column;gap:4px;width:120px;display:flex}.payment-row .payment-field:first-child,.payment-row .payment-field:nth-child(2){width:120px}.payment-field-wide{flex-direction:column;flex:1;gap:4px;display:flex}.field-value-with-icon{justify-content:space-between;align-items:center;display:flex}.utr-text{color:#507689;font-family:Poppins;font-size:16px;line-height:24px}.field-label{color:#767676;font-family:Poppins;font-size:14px;font-weight:400;line-height:22px}.field-value{color:#507689;font-family:Poppins;font-size:14px;font-weight:500;line-height:22px}.download-field{justify-content:center;align-items:flex-end;display:flex}.download-icon{color:#507689;cursor:pointer;font-size:20px;transition:color .2s}.download-icon:hover{color:#3a6073}.custom_tab{align-items:center;min-height:48px;display:flex;position:relative;overflow:visible}.payment-filter-dropdown{z-index:10;white-space:nowrap;align-items:center;display:flex;position:absolute;top:50%;right:0;transform:translateY(-50%);padding:16px 0!important}.payment-filter-toggle{box-shadow:none!important;background:0 0!important;border:none!important;align-items:center!important;padding:0!important;text-decoration:none!important;display:flex!important}.payment-filter-toggle:hover,.payment-filter-toggle:focus,.payment-filter-toggle:active{box-shadow:none!important;background:0 0!important;border:none!important;text-decoration:none!important}.filter-text{background:linear-gradient(90deg,#ff512f 0%,#f09819 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-right:4px;font-family:Poppins;font-size:16px;font-weight:500;background-color:#0000!important}.filter-arrow{width:16px;height:16px}.filter-dropdown-item{font-family:Poppins;font-size:14px;color:#507689!important}.filter-dropdown-item.active{background-color:#507689;color:#fff!important}.filter-dropdown-item:hover{color:#507689!important;background-color:#e6e6e6!important}@media (max-width:768px){.payment-status{font-family:Poppins;font-size:14px;line-height:22px}.field-label,.field-value{font-size:13px;line-height:21px}.payout-details-card{padding:12px 16px 16px}.customer-name{font-size:14px;line-height:22px}.call-details-card{padding:16px 16px 12px}.payment-details{flex-wrap:wrap;gap:30px}.payment-row{flex-wrap:wrap;width:280px;gap:20px 40px!important}.payment-field{flex:none;width:120px}.filter-text{font-size:14px}.filter-arrow{width:14px;height:14px}}
