.withdrawal-page{min-height:100vh;background:var(--primary-dark);padding-bottom:2rem}.withdrawal-header{background-color:var(--primary-dark);padding:1rem;border-bottom:1px solid rgba(255,255,255,.1);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:#fff;text-decoration:none;padding:.5rem;border-radius:8px;transition:background-color .3s ease;cursor:pointer}.back-btn:hover{background:#ffffff1a}.back-btn svg{width:20px;height:20px;margin-top:.4rem}.withdrawal-header h1{color:#fff;font-size:1.5rem;font-weight:700;margin:0}.records-link{display:flex;align-items:center;gap:.5rem;color:#fff;text-decoration:none;font-size:.9rem;transition:opacity .3s ease}.records-link:hover{opacity:.8}.tab-navigation{display:flex;max-width:1200px;margin:0 auto;padding:1rem}.tab-btn{flex:1;padding:1rem;border:none;background:#1e293bcc;color:#fff9;font-weight:600;cursor:pointer;transition:all .3s ease;border-bottom:3px solid transparent}.deposit-tab{border-radius:8px 0 0 8px}.withdrawal-tab{border-radius:0 8px 8px 0}.deposit-tab.active{background:linear-gradient(79.57deg,#ff2251 1.09%,#f52352,#ae265a 98.91%);color:#fff}.withdrawal-tab.active{background:linear-gradient(90deg,#312c9c,#312c95f7 10%,#312c7ce0 48%,#312c6dd1 79%,#312c67cc);color:#fff}.tab-btn:hover:not(.active){background:#1e293b;color:#fffc}.withdraw-form-section{max-width:1200px;margin:0 auto;padding:1.5rem 1rem}.balance-display{background:var(--linear-gradient-7);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(--white-80);font-size:.9rem}.balance-value{color:var(--accent);font-size:1.1rem;font-weight:700}.form-group{margin-bottom:1.25rem}.form-group>label{display:block;color:var(--white-80);font-size:.9rem;margin-bottom:.5rem;font-weight:500}.required{color:var(--red-500, #ef4444)}.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:rgb(var(--white));font-size:1.1rem;font-weight:600;outline:none;width:100%}#withdraw-amount::placeholder{color:var(--white-40)}.form-input{width:100%;background:transparent;border:1px solid var(--white-20);border-radius:12px;padding:.85rem 1rem;color:rgb(var(--white));font-size:.9rem;outline:none;box-sizing:border-box;transition:border-color .3s ease;font-family:inherit}.form-input:focus{border-color:var(--accent)}.form-input::placeholder{color:var(--white-40)}.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:rgb(var(--white))}.bank-selection-section{margin-bottom:1.5rem}.bank-selection-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.bank-selection-header h3{color:rgb(var(--white));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:rgb(var(--white))}.bank-loading{display:flex;align-items:center;gap:.75rem;padding:1.5rem;justify-content:center;color:var(--white-60);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(--white-60)}.no-banks-message p{margin:.25rem 0;font-size:.9rem}.no-banks-hint{font-size:.8rem!important;color:var(--white-40)!important}.bank-accounts-list{display:flex;flex-direction:column;gap:.75rem}.bank-account-card{position:relative;background:var(--linear-gradient-7);border:2px solid var(--white-10);border-radius:12px;padding:1rem 1.25rem;cursor:pointer;transition:all .3s ease}.bank-account-card:hover{border-color:var(--white-30)}.bank-account-card.selected{border-color:var(--accent);background:var(--linear-gradient-8);box-shadow:0 0 12px var(--accent-20, rgba(99, 102, 241, .2))}.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:rgb(var(--white));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:rgb(var(--white));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(--white-60);font-size:.8rem}.bank-card-detail .detail-value{color:var(--white-90);font-weight:500}.bank-card-currency{display:inline-block;background:var(--accent-20, rgba(99, 102, 241, .2));color:var(--accent);font-size:.7rem;font-weight:600;padding:.15rem .5rem;border-radius:4px;margin-top:.25rem}.add-bank-form-section{background:var(--linear-gradient-7);border:1px solid var(--accent);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:rgb(var(--white));font-size:1rem;font-weight:600;margin:0;font-family:var(--font-family-primary)}.close-form-btn{background:transparent;border:none;color:var(--white-60);cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease}.close-form-btn:hover{color:rgb(var(--white));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(--white-80);border-radius:10px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .3s ease}.cancel-add-bank-btn:hover{border-color:var(--white-60);color:rgb(var(--white))}.save-bank-btn{flex:1;padding:.75rem;background:var(--btn-gradient-1);border:none;color:rgb(var(--white));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(--btn-gradient-1);border:none;border-radius:12px;padding:1rem 2rem;transition:all .3s ease;color:rgb(var(--white));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(--white-40);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:rgb(var(--white));font-size:1.25rem;margin-bottom:.5rem}.result-section p{color:var(--white-60);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(--white-80);font-size:.9rem}.result-details .detail-row .label{color:var(--white-60)}.result-details .detail-row .value{color:rgb(var(--white));font-weight:600}.result-btn{background:var(--btn-gradient-1);color:rgb(var(--white));border:none;padding:.75rem 2rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.result-btn:hover{opacity:.8}.transaction-section{max-width:1200px;margin:0 auto;padding:1rem}.section-title{color:rgb(var(--white));font-size:.9rem;font-weight:600;margin-bottom:1rem;font-family:var(--font-family-primary)}.transaction-list{display:flex;flex-direction:column;gap:.75rem}.transaction-card{background:linear-gradient(250.57deg,#312c9c,#22237c 28%,#000d31);border:1px solid #ffffff;border-radius:12px;transition:all .3s ease}.transaction-card:hover{border-color:#fff3;background:#1e293be6}.transaction-header{background:linear-gradient(130.57deg,#312c67,#352c67 11%,#422b65 25%,#562a63 38%,#732960,#98275c,#c52557 83%,#fa2252 99%,#ff2251);display:flex;justify-content:space-between;align-items:center;padding:1rem;border-radius:12px 12px 0 0}.transaction-info{display:flex;flex-direction:column;gap:.25rem}.transaction-date{color:#fff9;font-size:.85rem}.transaction-title{color:#fff;font-weight:600;font-size:.9rem}.transaction-status{padding:.5rem 1rem;border-radius:8px;font-size:.85rem;font-weight:600;text-transform:uppercase}.status-pending{background:#312c9c;color:#fff;border:1px solid #312C9C}.status-processing{background:var(--indigo-800);color:rgb(var(--white));border:1px solid var(--indigo-800)}.status-approved,.status-completed{background:var(--green-500);color:rgb(var(--white));border:1px solid var(--emerald-500)}.status-rejected,.status-cancelled{background:var(--accent);color:rgb(var(--white));border:1px solid var(--red-500)}.transaction-details{display:grid;grid-template-columns:1fr;gap:.5rem;padding:1rem}.detail-item{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start}.detail-label{color:#fff9;font-size:.8rem;font-weight:500}.detail-value{color:#fff;font-size:.9rem}@media (max-width: 768px){.header-content h1{font-size:1.3rem}.transaction-header{gap:.75rem}.withdraw-form-section,.transaction-section{padding:1rem}}@media (max-width: 480px){.withdraw-btn{font-size:1rem}.transaction-header{padding:1.5rem}.transaction-title{font-size:1rem}.add-bank-actions{flex-direction:column}}