.withdraw-dialog [hidden] { display: none !important; }
.modal-payment #paymentMethodOptions { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .625rem; }
.modal-payment #paymentMethodOptions .payment-option { flex-direction: row; justify-content: flex-start; min-height: 3.75rem; gap: .625rem; padding: .75rem .625rem; }
.modal-payment #paymentMethodOptions .payment-option strong { font-size: .875rem; }
.modal-payment #paymentMethodOptions .payment-option > span:nth-child(2) { text-align: left; padding-right: .375rem; }
.modal-payment #paymentMethodOptions .check-circle, .modal-payment #paymentMethodOptions .empty-circle { position: static; width: .9375rem; height: .9375rem; }
#paymentMethodOptions .payment-logo { color: #c4b6e9; background: #383049; font-size: .8125rem; border-radius: .625rem; }
#paymentMethodOptions .payment-logo .icon { width: 1.25rem; height: 1.25rem; }
#paymentMethodOptions .payment-gcash, #paymentMethodOptions .payment-paypal, #paymentMethodOptions .payment-dana, #paymentMethodOptions .payment-gopay { color: #bfdbff; background: #284361; }
#paymentMethodOptions .payment-easypaisa { color: #b5e4cb; background: #2b483e; }
#paymentMethodOptions .payment-payoneer { color: #efc8a7; background: #493a30; }
.payout-details { padding: 1rem; margin: 1rem 0 1.5rem; border: 1px solid #414155; background: #1b1d29; border-radius: 1rem; }
.payout-details h3 { font-size: 1rem; margin-bottom: .875rem; }
.payout-field + .payout-field, #payoutBankFields .payout-field, #payoutCryptoFields .payout-field { margin-top: 1rem; }
.payout-field label { display: flex; align-items: center; flex-wrap: wrap; gap: .5rem; margin-bottom: .5rem; color: #d5d3e0; font-size: .875rem; font-weight: 500; }
.payout-field label > span { color: #a6a1b6; font-size: .75rem; font-weight: 400; }
.payout-field input, .payout-field select { width: 100%; min-width: 0; min-height: 3rem; padding: .625rem .75rem; color: #edeaf7; background: #131620; border: 1px solid #494357; border-radius: .625rem; font-size: 1rem; }
.payout-field input::placeholder { color: #9690a6; opacity: 1; }
.payout-field input:focus, .payout-field select:focus { border-color: #b39bd9; outline: 2px solid #b39bd927; outline-offset: 1px; }
.payout-field [aria-invalid="true"] { border-color: #d88891; }
.payout-field-help { margin-top: .5rem; color: #aaa3b9; font-size: .75rem; line-height: 1.7; }
.payout-field-error { margin-top: .4rem; color: #f0a7b0; font-size: .75rem; line-height: 1.7; }
.referral-collect { margin-top: 1.25rem; min-height: 3rem; }
.invite-copy .referral-collect-status { margin-top: .625rem; color: #9dccb3; font-size: .8125rem; }
.referral-collect:disabled { color: #b1d8c2; background: #294438; border-color: #4a705c; }
.earn-reward-flight { z-index: 50; }
.history-item .payout-history-destination { display: block; max-width: 100%; overflow-wrap: anywhere; color: #a7afc0; font-size: .75rem; }
.history-item > div { min-width: 0; flex: 1; }
@media (max-width: 360px) {
  .modal-payment #paymentMethodOptions .payment-option { gap: .375rem; padding: .625rem .375rem; }
  .modal-payment #paymentMethodOptions .payment-logo { width: 1.5rem; height: 1.5rem; }
  .modal-payment #paymentMethodOptions .check-circle, .modal-payment #paymentMethodOptions .empty-circle { display: none; }
}