.withdrawal-page{min-height:100vh;background:var(--flow-page-bg);padding-bottom:2rem}.withdrawal-header{background-color:var(--flow-header-bg);padding:1rem;border-bottom:1px solid var(--flow-header-border);position:sticky;top:0;z-index:100;backdrop-filter:blur(10px)}.header-content{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto}.header-content h1{font-family:Montserrat,sans-serif}.back-btn-container{display:flex;align-items:center;gap:.5rem}.back-btn{color:var(--flow-header-text);text-decoration:none;padding:.5rem;border-radius:8px;transition:background-color .3s ease;cursor:pointer}.back-btn:hover{background:var(--flow-header-link-hover-bg)}.back-btn svg{width:20px;height:20px;margin-top:.4rem}.withdrawal-header h1{color:var(--flow-header-text);font-size:1.5rem;font-weight:700;margin:0}.records-link{display:flex;align-items:center;gap:.5rem;color:var(--flow-header-text);text-decoration:none;font-size:.9rem;transition:opacity .3s ease}.records-link:hover{opacity:.8}.withdraw-form-section{max-width:1200px;margin:0 auto;padding:1.5rem 1rem}.balance-display{background:var(--flow-card-header-bg);border:1px solid var(--accent);border-radius:12px;padding:1.25rem;margin-bottom:1.5rem}.balance-row{display:flex;justify-content:space-between;align-items:center}.balance-label{color:var(--flow-text-secondary);font-size:.9rem}.balance-value{color:var(--accent);font-size:1.1rem;font-weight:700}.balance-row.turnover-hold .balance-label,.balance-row.turnover-hold .balance-value{color:var(--flow-warning-text);font-size:.85em}.balance-row.deposit-gate-notice{flex-direction:column;align-items:flex-start;gap:.25rem;padding:.65rem .75rem;border-radius:8px;background:#f59e0b14;border:1px solid rgba(245,158,11,.25)}.balance-row.deposit-gate-notice .balance-label,.deposit-gate-text{color:var(--flow-warning-text);font-size:.82rem;line-height:1.35}.withdrawable-label{color:var(--accent);font-weight:600}.withdrawable-value{color:var(--accent);font-size:1.15rem;font-weight:700}.form-group{margin-bottom:1.25rem}.form-group>label{display:block;color:var(--flow-text-secondary);font-family:inherit;font-size:.9rem;margin-bottom:.5rem;font-weight:500;line-height:1.35}.required{color:var(--flow-danger-text)}.amount-input-container{display:flex;align-items:center;border:1px solid var(--accent);border-radius:12px;padding:1rem;transition:border-color .3s ease}.amount-input-container:focus-within{border-color:var(--accent)}#withdraw-amount{flex:1;background:transparent;border:none;color:var(--flow-text-primary);font-family:Nasalization,sans-serif;font-size:1.1rem;font-weight:500;line-height:1.35;outline:none;width:100%}#withdraw-amount::placeholder{color:var(--on-surface-faint);font-family:Nasalization,sans-serif;font-weight:500;opacity:1}.form-input{width:100%;background:transparent;border:1px solid var(--flow-form-input-border);border-radius:12px;padding:.75rem 1rem;color:var(--flow-text-primary);font-family:inherit;font-size:var(--flow-form-input-font-size);font-weight:500;line-height:1.4;outline:none;box-sizing:border-box;transition:border-color .3s ease}.form-input:focus{border-color:var(--accent)}.form-input::placeholder{color:var(--flow-form-placeholder);font-family:inherit;font-weight:500;opacity:1}.form-textarea{resize:vertical;min-height:60px}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.form-select option{background:var(--primary-dark);color:var(--flow-text-primary)}#add-bank-form .bank-search-select{border:1px solid var(--flow-form-input-border);border-radius:12px;padding:.75rem 1rem;box-sizing:border-box}#add-bank-form .bank-search-select:focus-within{border-color:var(--accent)}.bank-selection-section,.withdrawal-method-section{margin-bottom:1.5rem}.payment-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem;margin-bottom:1rem}.withdrawal-page .payment-option{background:var(--flow-card-header-bg);border:1px solid var(--flow-card-border);border-radius:12px;padding:1rem .75rem;text-align:center;cursor:pointer;transition:all .3s ease;color:var(--flow-text-primary)}.withdrawal-page .payment-option:hover{border-bottom:4px solid var(--accent);background:var(--flow-card-hover-bg)}.withdrawal-page .payment-option.active{border-color:var(--flow-selected-border);border-bottom:4px solid var(--flow-selected-border);background:var(--flow-method-selected-bg)}.withdrawal-page .payment-icon{margin-bottom:.5rem;height:36px;display:flex;align-items:center;justify-content:center}.withdrawal-page .payment-icon img{max-width:36px;max-height:36px;filter:var(--flow-payment-icon-filter, none)}.withdrawal-page .fallback-icon{font-size:1.35rem}.withdrawal-page .payment-option span{font-size:.78rem;font-weight:600;display:block;line-height:1.3}.manual-company-bank-section{margin-top:.75rem}.manual-company-bank-section label{display:block;color:var(--flow-text-secondary);font-size:.85rem;margin-bottom:.5rem}.bank-selection-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.bank-selection-header h3{color:var(--flow-text-primary);font-size:.9rem;font-weight:600;margin:0;font-family:var(--font-family-primary)}.add-bank-btn{display:flex;align-items:center;gap:.4rem;background:transparent;border:1px solid var(--accent);color:var(--accent);padding:.4rem .85rem;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .3s ease}.add-bank-btn:hover{background:var(--accent);color:var(--text-on-accent)}.bank-loading{display:flex;align-items:center;gap:.75rem;padding:1.5rem;justify-content:center;color:var(--text-muted);font-size:.85rem}.loading-spinner{width:20px;height:20px;border:2px solid var(--white-20);border-top:2px solid var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.no-banks-message{text-align:center;padding:2rem 1rem;color:var(--text-muted)}.no-banks-message p{margin:.25rem 0;font-size:.9rem}.no-banks-hint{font-size:.8rem!important;color:var(--on-surface-faint)!important}.bank-accounts-list{display:flex;flex-direction:column;gap:.75rem}.bank-account-card{position:relative;background:var(--flow-bank-account-card-bg);border:2px solid var(--flow-bank-account-card-border);border-radius:12px;padding:1rem 1.25rem;cursor:pointer;transition:all .3s ease}.bank-account-card:hover{border-color:var(--flow-bank-account-card-hover-border)}.bank-account-card.selected{border-color:var(--flow-bank-account-card-selected-border);background:var(--flow-bank-account-card-selected-bg);box-shadow:var(--flow-selected-shadow-sm)}.bank-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.bank-card-name{display:flex;align-items:center;gap:.5rem}.bank-card-name .bank-icon{width:20px;height:20px;color:var(--accent)}.bank-card-name span{color:var(--flow-text-primary);font-weight:600;font-size:.95rem}.bank-card-check{width:22px;height:22px;border-radius:50%;border:2px solid var(--white-30);display:flex;align-items:center;justify-content:center;transition:all .3s ease}.bank-account-card.selected .bank-card-check{border-color:var(--accent);background:var(--accent)}.bank-card-check svg{width:14px;height:14px;color:var(--flow-bank-account-check-icon);opacity:0;transition:opacity .2s ease}.bank-account-card.selected .bank-card-check svg{opacity:1}.bank-card-details{display:flex;flex-direction:column;gap:.2rem}.bank-card-detail{color:var(--text-muted);font-size:.8rem}.bank-card-detail .detail-value{color:var(--text-body);font-weight:500}.bank-card-currency{display:inline-block;background:var(--accent-20);color:var(--accent);font-size:.7rem;font-weight:600;padding:.15rem .5rem;border-radius:4px;margin-top:.25rem}.add-bank-form-section{background:var(--flow-card-bg);border:1px solid var(--flow-form-input-border);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.add-bank-form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.add-bank-form-header h3{color:var(--flow-text-primary);font-size:1rem;font-weight:600;margin:0;font-family:var(--font-family-primary)}.close-form-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease}.close-form-btn:hover{color:var(--flow-text-primary);background:var(--white-10)}.add-bank-actions{display:flex;gap:.75rem;margin-top:1rem}.cancel-add-bank-btn{flex:1;padding:.75rem;background:transparent;border:1px solid var(--white-30);color:var(--flow-text-secondary);border-radius:10px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .3s ease}.cancel-add-bank-btn:hover{border-color:var(--text-muted);color:var(--flow-text-primary)}.save-bank-btn{flex:1;padding:.75rem;background:var(--flow-submit-bg);border:none;color:var(--flow-text-primary);border-radius:10px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .3s ease}.save-bank-btn:hover:not(:disabled){opacity:.85}.save-bank-btn:disabled{opacity:.5;cursor:not-allowed}.submit-section{margin-top:1.5rem;margin-bottom:1rem}.withdraw-btn{width:100%;font-size:.9rem;font-weight:700;background:var(--flow-submit-bg);border:none;border-radius:12px;padding:1rem 2rem;transition:all .3s ease;color:var(--flow-text-primary);cursor:pointer}.withdraw-btn:hover:not(:disabled){opacity:.8;transform:translateY(-2px);box-shadow:0 10px 25px var(--accent-40)}.withdraw-btn:disabled{opacity:.5;cursor:not-allowed}.info-note{text-align:center;padding:.75rem}.info-note p{color:var(--on-surface-faint);font-size:.8rem;margin:0;line-height:1.5}.result-section{max-width:1200px;margin:0 auto;padding:3rem 1rem;text-align:center}.result-icon{font-size:3rem;margin-bottom:1rem}.result-section h3{color:var(--flow-text-primary);font-size:1.25rem;margin-bottom:.5rem}.result-section p{color:var(--text-muted);font-size:.9rem;margin-bottom:1.5rem}.result-details{background:var(--blue-gray-800);border-radius:12px;padding:1rem;margin-bottom:1.5rem;text-align:left}.result-details .detail-row{display:flex;justify-content:space-between;padding:.5rem 0;color:var(--flow-text-secondary);font-size:.9rem}.result-details .detail-row .label{color:var(--text-muted)}.result-details .detail-row .value{color:var(--flow-text-primary);font-weight:600}.result-btn{background:var(--flow-submit-bg);color:var(--flow-text-primary);border:none;padding:.75rem 2rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.result-btn:hover{opacity:.8}@media (max-width: 768px){.header-content h1{font-size:1.3rem}.form-group>label,.balance-label,.bank-selection-header h3,.add-bank-form-header h3{font-size:.82rem}#withdraw-amount{font-size:.95rem}.form-input,#add-bank-form .bank-search-select{font-size:var(--flow-form-input-font-size);padding:.75rem .85rem}.balance-value{font-size:1rem}.add-bank-btn{font-size:.74rem;padding:.35rem .7rem}.withdraw-btn,.save-bank-btn,.cancel-add-bank-btn{font-size:.82rem}.info-note p,.no-banks-message p,.bank-card-detail{font-size:.76rem}.bank-card-name span,.bank-card-detail .detail-value{font-size:.82rem}.withdraw-form-section{padding:1rem}}@media (max-width: 480px){.form-group{margin-bottom:1rem}.form-group>label,.balance-label,.bank-selection-header h3,.add-bank-form-header h3{font-size:.76rem}#withdraw-amount{font-size:.88rem}.amount-input-container,.balance-display,.add-bank-form-section{border-radius:10px;padding:.85rem}.form-input{font-size:.76rem;padding:.65rem .75rem;border-radius:10px}.withdraw-btn{font-size:.78rem;padding:.8rem 1rem}.info-note p,.no-banks-message p,.bank-card-detail{font-size:.72rem}.bank-card-name span,.bank-card-detail .detail-value{font-size:.78rem}.add-bank-btn,.save-bank-btn,.cancel-add-bank-btn{font-size:.72rem}.add-bank-actions{flex-direction:column}}