.withdrawal-page{min-height:100vh;background:linear-gradient(135deg,var(--primary-bg) 0%,var(--secondary-bg) 100%);padding-bottom:2rem}.withdrawal-header{background-color:#000d31;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}.withdrawal-records-icon{width:20px;height:20px;border-radius:0}.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-section,.turnover-section,.transaction-section{max-width:1200px;margin:0 auto;padding:0 1rem}.withdraw-section{padding:2rem 1rem}.withdraw-btn{width:100%;font-size:.9rem;font-weight:700;background:linear-gradient(90deg,#ff2251,#372c66);border:none;border-radius:12px;padding:1rem 2rem;transition:all .3s ease;color:#fff;cursor:pointer}.withdraw-btn:hover{opacity:.8;transform:translateY(-2px);box-shadow:0 10px 25px #ff225166}.turnover-section{padding:1rem}.turnover-container{display:flex;align-items:center;gap:1rem}.turnover-item{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--accent);border-radius:12px;padding:1rem;transition:border-color .3s ease;width:70%}.turnover-label{color:#fffc;font-size:.85rem}.current-amount{flex:1;background:transparent;border:none;color:#fff;font-size:.9rem;font-weight:600;outline:none;text-align:end}.turnover-amounts{display:flex;justify-content:space-between;align-items:center;gap:1rem;background:#312c67;padding:1rem;border-radius:12px;width:30%}.target-amount{font-size:.9rem}.currency-symbol-icon{width:20px;height:20px;border-radius:0}.transaction-section{padding:1rem}.transaction-list{display:flex;flex-direction:column;gap:1rem}.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-approved{background:#3aaa35;color:#fff;border:1px solid rgba(16,185,129,.3)}.status-rejected{background:#ff2251;color:#fff;border:1px solid rgba(239,68,68,.3)}.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}.turnover-item{gap:1rem}.turnover-amounts{justify-content:center}.transaction-header{gap:.75rem}.withdraw-section,.turnover-section,.transaction-section{padding:1rem}}@media (max-width: 480px){.withdraw-btn{font-size:1rem}.turnover-label{font-size:.9rem}.current-amount,.target-amount{font-size:1rem}.transaction-header{padding:1.5rem}.transaction-title{font-size:1rem}.current-amount,.target-amount{min-width:auto;width:100%}}