.add-balance-dialog-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99999;background-color:#0009;animation:.2s ease-out overlayFadeIn;position:fixed;inset:0}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.add-balance-dialog-content{z-index:100000;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);border:1px solid #ffffff1a;border-radius:16px;width:90%;max-width:500px;max-height:85vh;padding:0;animation:.3s ease-out dialogSlideIn;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 25px 50px -12px #00000080}@keyframes dialogSlideIn{0%{opacity:0;transform:translate(-50%,-48%)scale(.96)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.add-balance-drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99999;background-color:#0009;position:fixed;inset:0}.add-balance-drawer-content{z-index:100000;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);border:1px solid #ffffff1a;border-bottom:none;border-radius:24px 24px 0 0;flex-direction:column;max-height:85vh;padding:0;display:flex;position:fixed;bottom:0;left:0;right:0;overflow:hidden;box-shadow:0 -25px 50px -12px #00000080}.drawer-handle{background:#ffffff4d;border-radius:2px;flex-shrink:0;width:40px;height:4px;margin:12px auto 0}.add-balance-drawer-content .add-balance-modal-header,.add-balance-drawer-content .add-balance-form{flex-shrink:0}.add-balance-drawer-content .add-balance-form{flex:1;min-height:0;overflow-y:auto}.add-balance-modal-overlay{z-index:99999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.add-balance-modal-content{z-index:100000;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);border:1px solid #ffffff1a;border-radius:16px;width:90%;max-width:500px;max-height:90vh;padding:0;animation:.3s ease-out modalSlideIn;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.add-balance-modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;padding:24px 24px 0;display:flex}.add-balance-modal-header h2{color:#fff;margin:0;font-size:24px;font-weight:600}.add-balance-close-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.add-balance-close-btn:hover:not(:disabled){background:#fff3;transform:scale(1.05)}.add-balance-close-btn:disabled{opacity:.5;cursor:not-allowed}.add-balance-form{padding:0 24px 24px}.payment-gateways{margin-bottom:24px}.payment-gateways label{color:#fff;margin-bottom:12px;font-size:16px;font-weight:500;display:flex}.gateway-options{flex-direction:column;gap:8px;display:flex}.gateway-option{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:8px;padding:12px 16px;transition:all .2s;display:flex;margin-bottom:0!important}.gateway-option:hover{background:#ffffff14;border-color:#fff3}.gateway-option input[type=radio]{accent-color:#667eea;cursor:pointer;width:16px;height:16px}.gateway-option input[type=radio]:disabled{opacity:.5;cursor:not-allowed}.gateway-label{color:#fff;cursor:pointer;font-size:14px;font-weight:500}.payment-gateways-loading{background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;justify-content:center;align-items:center;margin-bottom:24px;padding:20px;display:flex}.payment-gateways-loading .loading-spinner{color:#fffc;align-items:center;gap:8px;font-size:14px;display:flex}.add-balance-amounts{margin-bottom:24px}.add-balance-amounts label{color:#fff;margin-bottom:12px;font-size:16px;font-weight:500;display:block}.predefined-amounts{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;display:grid}.amount-btn{color:#fff;cursor:pointer;text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:12px 16px;font-size:14px;font-weight:500;transition:all .2s}.amount-btn:hover:not(:disabled){background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.amount-btn.selected{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:#667eea;box-shadow:0 4px 15px #667eea4d}.amount-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.add-balance-custom-amount{margin-bottom:20px}.add-balance-custom-amount label{color:#fff;margin-bottom:12px;font-size:16px;font-weight:500;display:block}.custom-amount-input{align-items:center;display:flex;position:relative}.custom-amount-input input{color:#fff;text-align:right;direction:ltr;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;flex:1;padding:14px;font-size:16px;transition:all .2s}.custom-amount-input input:focus{background:#ffffff14;border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.custom-amount-input input::placeholder{color:#ffffff80}.custom-amount-input input:disabled{opacity:.5;cursor:not-allowed}.currency{color:#ffffffb3;pointer-events:none;font-size:14px;font-weight:500;position:absolute;left:16px}.amount-preview{color:#86efac;text-align:center;direction:rtl;background:#22c55e1a;border:1px solid #22c55e33;border-radius:6px;margin-top:8px;padding:8px 12px;font-size:14px;font-weight:500}.add-balance-error{color:#fca5a5;text-align:center;white-space:pre-line;word-break:break-word;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;margin-bottom:20px;padding:12px 16px;font-size:14px;line-height:1.5}.add-bank-card-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin:16px auto 0;padding:12px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 2px 8px #667eea33}.add-bank-card-btn:hover{background:linear-gradient(135deg,#5a67d8 0%,#6b46c1 100%);transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.add-bank-card-btn:active{transform:translateY(0);box-shadow:0 2px 8px #667eea4d}.cobank-card-info{background:#22c55e0d;border:1px solid #22c55e33;border-radius:12px;margin-bottom:20px;padding:20px}.card-info-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.card-info-header h3{color:#22c55e;margin:0;font-size:18px;font-weight:600}.card-number-display{margin-bottom:16px}.card-number-display label{color:#fff;margin-bottom:12px;font-size:14px;font-weight:500;display:block}.card-number{background:#ffffff14;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:12px;padding:16px;display:flex}.card-number-text{color:#22c55e;letter-spacing:2px;text-align:left;direction:ltr;flex:1;font-family:Courier New,monospace;font-size:18px;font-weight:600}.copy-card-btn{color:#22c55e;cursor:pointer;background:#22c55e1a;border:1px solid #22c55e4d;border-radius:6px;justify-content:center;align-items:center;min-width:32px;min-height:32px;padding:8px;transition:all .2s;display:flex}.copy-card-btn:hover{background:#22c55e33;border-color:#22c55e66;transform:scale(1.05)}.copy-success-message{color:#22c55e;text-align:center;margin-top:8px;font-size:12px;font-weight:500;animation:2s ease-in-out fadeInOut}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-10px)}50%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.card-payment-note{color:#fffc;align-items:flex-start;gap:8px;font-size:14px;line-height:1.4;display:flex}.card-payment-note svg{flex-shrink:0;margin-top:2px}.add-balance-info{background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;margin-bottom:24px;padding:16px}.payment-method-info,.security-info{color:#fffc;align-items:center;gap:8px;font-size:14px;display:flex}.payment-method-info{margin-bottom:12px}.security-info{margin-bottom:0}.add-balance-actions{justify-content:flex-end;gap:12px;display:flex}.cancel-btn{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;height:48px;padding:14px 24px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.cancel-btn:hover:not(:disabled){background:#ffffff1a;border-color:#fff3}.cancel-btn:disabled{opacity:.5;cursor:not-allowed}.submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-width:200px;height:48px;padding:14px 24px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.submit-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.loading-spinner{align-items:center;gap:8px;display:flex}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:640px){.add-balance-dialog-content,.add-balance-modal-content{width:95%;margin:20px}.add-balance-modal-header{padding:20px 20px 0}.add-balance-form{padding:0 20px 20px}.predefined-amounts{grid-template-columns:repeat(2,1fr);gap:8px}.amount-btn{padding:10px 12px;font-size:13px}.gateway-options{gap:6px}.gateway-option{padding:10px 12px}.gateway-label{font-size:13px}.add-balance-actions{flex-direction:column-reverse}.submit-btn,.cancel-btn{justify-content:center;width:100%}.cobank-card-info{padding:16px}.card-info-header h3{font-size:16px}.card-number{flex-direction:column;align-items:stretch;gap:8px}.card-number-text{text-align:center;letter-spacing:1px;font-size:16px}.copy-card-btn{align-self:center;width:auto}.card-payment-note{font-size:13px}.add-bank-card-btn{margin:12px auto 0;padding:10px 16px;font-size:13px}}