:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#071b34;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;background-color:#071b34}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#071b34;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}body{background-color:#fff}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}body,html,#root{margin:0;padding:0;min-width:100%;min-height:100vh;background-color:#030e1f}.trading-platform{min-height:100vh;background:linear-gradient(135deg,rgba(7,27,52),0%,rgba(7,27,52),50%,rgba(7,27,52),100%);padding:24px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.container{max-width:1400px;margin:0 auto}.header-card{background:#071b34;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 8px 32px #0000004d}.header-left h1{font-size:32px;font-weight:700;background:linear-gradient(135deg,#10b981,#34d399);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:flex;align-items:center;gap:12px;margin:0}.header-left p{color:#94a3b8;font-size:14px}.price-display{text-align:right;background-color:#a0deb5;color:#000;padding:6px;border-radius:4px}.black-text{color:#000;font-size:1rem}.price-label-trading-screen{color:#10b981;font-size:12px;margin-top:8px;text-transform:uppercase;letter-spacing:1px}.pair-selector-card{background:#071b34;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 8px 32px #0000004d}.pair-selector-title{font-size:18px;font-weight:600;color:#fff;margin-bottom:16px}.pair-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.pair-btn{padding:12px 20px;background:#071b34;border:2px solid rgba(255,255,255,.1);border-radius:10px;color:#94a3b8;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.pair-btn:hover{background:#071b34;border-color:#10b98180;color:#10b981;transform:translateY(-2px)}.pair-btn.active{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;color:#fff;box-shadow:0 4px 20px #10b98166}.header-content{display:flex;justify-content:space-between;align-items:center}.header-left h1{font-size:32px;font-weight:700;background:linear-gradient(135deg,#10b981,#34d399);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:flex;align-items:center;gap:12px;margin-bottom:8px}.header-left p{color:#94a3b8;font-size:14px;margin-top:8px}.price-display{text-align:right}.current-price{font-size:48px;font-weight:700;color:#fff;line-height:1}.price-label{color:#10b981;font-size:12px;margin-top:8px;text-transform:uppercase;letter-spacing:1px;animation:pulse 2s ease-in-out infinite}.chart-card{background:#071b34;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 8px 32px #0000004d}.chart-title{font-size:20px;font-weight:600;margin-bottom:20px;color:#fff}.tradingview-widget-container{border-radius:12px;overflow:hidden;background:#071b34;min-height:400px}.chart-loading{height:400px;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:16px}.chart-footer{margin-top:12px;text-align:center;font-size:12px;color:#64748b}.margin-settings-card{background:#071b34;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 8px 32px #0000004d}.margin-title{font-size:20px;font-weight:600;color:#fff;margin-bottom:20px}.margin-controls{display:grid;gap:24px}.control-group{display:flex;flex-direction:column;gap:12px}.control-label{color:#fff;font-weight:600;font-size:14px;display:flex;justify-content:space-between;align-items:center}.control-hint{color:#94a3b8;font-size:12px;font-weight:400}.control-input{background:#071b34;border:2px solid rgba(255,255,255,.1);border-radius:10px;padding:12px 16px;color:#fff;font-size:16px;font-weight:600;transition:all .3s ease}.control-input:focus{outline:none;border-color:#10b981;background:#333347cc;box-shadow:0 0 0 3px #10b9811a}.leverage-display{display:flex;flex-direction:column;gap:8px}.trading-controls-card{background:#071b34;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 8px 32px #0000004d}.button-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.trade-btn{padding:20px 32px;font-size:16px;font-weight:700;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden}.trade-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.trade-btn:hover:before{width:300px;height:300px}.trade-btn:active{transform:scale(.98)}.btn-buy{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 20px #10b98166}.btn-buy:hover{transform:translateY(-2px);box-shadow:0 8px 30px #10b98199}.btn-sell{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 20px #ef444466}.btn-sell:hover{transform:translateY(-2px);box-shadow:0 8px 30px #ef444499}.positions-card{background:#071b34;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 8px 32px #0000004d}.positions-title{font-size:20px;font-weight:600;margin-bottom:20px;color:#fff}.positions-list{display:flex;flex-direction:column;gap:12px}.position-item{background:#33334780;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;align-items:center;transition:all .3s ease}.position-field{display:flex;flex-direction:column}.position-label{color:#94a3b8;font-size:12px;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.position-value{color:#fff;font-size:16px;font-weight:600}.position-pnl{font-size:18px;font-weight:700}.pnl-profit{color:#10b981}.pnl-loss{color:#ef4444}.close-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.market-card{background:#071b34;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;box-shadow:0 8px 32px #0000004d}.market-title{font-size:20px;font-weight:600;margin-bottom:20px;color:#fff}.market-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.market-item{background:#33334780;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:20px;text-align:center;transition:all .3s ease}.market-item:hover{background:#333347cc;transform:translateY(-4px);box-shadow:0 8px 24px #0000004d}.market-item-label{color:#94a3b8;font-size:12px;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.market-item-value{color:#fff;font-size:24px;font-weight:700}.value-positive{color:#10b981}.value-negative{color:#ef4444}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-in{animation:slideIn .5s ease-out}@media (max-width: 768px){.trading-platform{padding:16px}.header-content{flex-direction:column;text-align:center}.price-display{text-align:center;margin-top:16px}.current-price{font-size:36px}.button-grid,.position-item{grid-template-columns:1fr}.market-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.header-left h1{font-size:24px}.current-price{font-size:28px}.market-grid{grid-template-columns:1fr}}.position-item{position:relative;background:#33334780;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:20px;margin-bottom:12px;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;align-items:center;transition:all .3s ease;overflow:hidden}.position-timer-bar{position:absolute;top:0;left:0;right:0;height:4px;background:#ffffff1a;overflow:hidden}.timer-progress{height:100%;transition:width 1s linear;box-shadow:0 0 10px currentColor}.timer-value{font-family:Courier New,monospace;font-weight:700;font-size:18px;color:#f59e0b}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.position-item{padding-top:24px}.position-item:hover{background:#333347cc;border-color:#ffffff1a;transform:translateY(-2px);box-shadow:0 4px 20px #0000004d}.close-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 10px #ef44444d}.close-btn:hover{transform:scale(1.05);box-shadow:0 4px 15px #ef444480}.close-btn:active{transform:scale(.98)}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.position-item.expiring-soon{animation:shake .5s ease-in-out;border-color:#ef4444;box-shadow:0 0 20px #ef44444d}.payment-modal-overlay{position:fixed;inset:0;background:#030e1f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.payment-modal-content{background:linear-gradient(135deg,#1e293b,#334155);border:2px solid #f59e0b;border-radius:16px;padding:1.5rem;width:100%;max-width:450px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080;animation:modalSlideIn .3s ease-out}.payment-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.payment-modal-title{display:flex;align-items:center;gap:.5rem;color:#fff;font-size:1.25rem;font-weight:600;margin:0}.modal-icon{color:#f59e0b}.close-button{background:none;border:none;color:#94a3b8;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .3s ease}.close-button:hover{color:#fff;background:#ffffff1a}.payment-form{display:flex;flex-direction:column;gap:1.5rem}.payment-details-payment{background:#ffd7001a;border:1px solid rgba(255,215,0,.3);border-radius:12px;padding:1rem;text-align:center}.details-label-payment{color:gold;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.card-number{font-family:monospace;font-size:1.1rem;font-weight:700;color:#fff;margin:.5rem 0}.details-note{color:#cbd5e1;font-size:.75rem;margin:0}.amount-section,.file-section{display:flex;flex-direction:column;gap:.5rem}.section-label{color:#e2e8f0;font-weight:500;font-size:.9rem}.amount-input2{padding:16px;font-size:18px;font-weight:600;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;transition:all .3s ease}option{background-color:#000000b3}.amount-select{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;padding:.75rem;font-size:1rem;transition:all .3s ease}.amount-select:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 0 2px #f59e0b33}.file-warning-payment{color:#f87171;font-size:.8rem;font-weight:500;margin:0}.file-upload{display:flex;align-items:center;gap:.5rem;background:#ffffff1a;border:2px dashed rgba(255,255,255,.3);border-radius:8px;padding:1rem;color:#cbd5e1;cursor:pointer;transition:all .3s ease;text-align:center;justify-content:center}.file-upload:hover{border-color:#f59e0b;color:#fff}.upload-icon-payment{color:#f59e0b}.payment-buttons{display:flex;flex-direction:column;gap:.75rem}.submit-button-payment{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:10px;padding:1rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.submit-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #10b98166}.cancel-button{background:#ffffff1a;color:#cbd5e1;border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:1rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.cancel-button:hover{background:#fff3;color:#fff}.amount-input2{width:92%;padding:12px 16px;border:2px solid #e1e5e9;border-radius:8px;font-size:16px;transition:border-color .3s ease}.amount-input2:focus{border-color:#007bff;outline:none}.amount-input2:invalid{border-color:#dc3545}.min-amount-hint{margin-top:8px;font-size:14px;color:#6c757d}.error-message{margin-top:8px;color:#dc3545;font-size:14px;font-weight:500}.casino-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:linear-gradient(135deg,rgba(7,27,52),0%,rgba(7,27,52),100%)}.flag-text-green{color:#10b981;font-size:24px;font-weight:700}.finova-i{color:#fff;font-size:24px}.header-left{display:flex;align-items:center;gap:2rem}.deposit-btn.orange-btn{background:linear-gradient(135deg,#ff7b00,#f50);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;font-size:1rem;box-shadow:0 4px 8px #ff7b004d}.deposit-btn.orange-btn:hover{background:linear-gradient(135deg,#f50,#ff7b00);transform:translateY(-2px);box-shadow:0 6px 12px #ff7b0066}.balance-amount.green-text{color:#10b981;font-weight:700;font-size:1.1rem}.balance-label.green-text{color:#10b981;font-size:.75rem;font-weight:700}.navigation{display:flex;gap:1.5rem}.nav-link{color:#cbd5e1;text-decoration:none;padding:.5rem 1rem;border-radius:8px;transition:all .3s ease}.nav-link.active{background:#ffd7001a;color:gold}.header-right{display:flex;align-items:center;gap:1rem}.balance-container{display:flex;flex-direction:column;align-items:center}.balance-chip{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:25px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.balance-label{font-size:.75rem;color:#cbd5e1;margin-top:.25rem}.logout-btn{background:#ef444433;color:#ef4444;border:1px solid #ef4444;padding:.75rem 1rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.logout-btn:hover{background:#ef44444d}.login-btn,.register-btn{padding:.75rem 1.5rem;border-radius:8px;border:none;cursor:pointer;font-weight:700;transition:all .3s ease}.login-btn{background:transparent;color:gold;border:2px solid #ffd700}.login-btn:hover{background:#ffd7001a}.register-btn{background:gold;color:#000}.register-btn:hover{background:#ffed4e}@media (max-width: 1200px){.casino-header{padding:1rem}.header-left{gap:2rem}.navigation{gap:1rem}.promo-badge{min-width:180px;font-size:.8rem}}@media (max-width: 768px){.casino-header{flex-direction:row;gap:.6rem;padding:10px 12px;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.header-left{flex-shrink:0;gap:.6rem}.header-right{flex-shrink:0;gap:.6rem;margin-left:auto}.logo{flex-shrink:0}.navigation{flex-shrink:0;gap:.4rem}.nav-link{white-space:nowrap;flex-shrink:0;font-size:.75rem;padding:.3rem .6rem}.uz-flag{flex-shrink:0;padding:.3rem .6rem;font-size:.75rem}.deposit-btn.orange-btn{flex-shrink:0;padding:.4rem .8rem;font-size:.75rem;min-width:70px}.balance-container{flex-shrink:0;min-width:80px}.balance-amount.green-text{font-size:.8rem}.balance-label.green-text{font-size:.65rem}.logout-btn{flex-shrink:0;padding:.4rem .7rem;font-size:.75rem;min-width:50px}.logout-btn span{display:none}}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;position:relative;overflow:hidden;background:linear-gradient(135deg,#0f0f23,#1a1a2e,#16213e);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.auth-background{position:absolute;width:100%;height:100%;overflow:hidden;z-index:0}.gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.3;animation:float 20s infinite ease-in-out}.orb-1{width:500px;height:500px;background:linear-gradient(135deg,#10b981,#059669);top:-150px;left:-150px;animation-delay:0s}.orb-2{width:400px;height:400px;background:linear-gradient(135deg,#3b82f6,#2563eb);bottom:-100px;right:-100px;animation-delay:5s}.orb-3{width:450px;height:450px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:10s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(60px,-60px) scale(1.1)}66%{transform:translate(-60px,60px) scale(.9)}}.auth-card{position:relative;z-index:1;background:#1e1e2ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:48px;width:100%;max-width:480px;box-shadow:0 20px 60px #00000080;animation:slideUp .6s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-header{text-align:center;margin-bottom:32px}.logo-container{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,#10b981,#059669);border-radius:20px;margin-bottom:20px;box-shadow:0 8px 24px #10b98166;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 8px 24px #10b98166}50%{transform:scale(1.05);box-shadow:0 12px 32px #10b98199}}.logo-icon{color:#fff}.auth-title{font-size:32px;font-weight:700;color:#fff;margin-bottom:8px;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.auth-subtitle{font-size:15px;color:#94a3b8;line-height:1.6}.alert{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:12px;margin-bottom:24px;font-size:14px;font-weight:500;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.alert-error{background:#ef444426;border:1px solid rgba(239,68,68,.4);color:#ef4444}.alert-success{background:#10b98126;border:1px solid rgba(16,185,129,.4);color:#10b981}.auth-form{display:flex;flex-direction:column;gap:24px}.form-group{display:flex;flex-direction:column;gap:10px}.form-label{display:flex;align-items:center;gap:8px;color:#fff;font-size:14px;font-weight:600;letter-spacing:.3px}.form-input{background:#33334799;border:2px solid rgba(255,255,255,.1);border-radius:12px;padding:14px 18px;color:#fff;font-size:15px;transition:all .3s ease;font-family:inherit}.form-input:focus{outline:none;border-color:#10b981;background:#333347cc;box-shadow:0 0 0 4px #10b9811a}.balance-page{min-height:100vh;background:linear-gradient(135deg,rgba(3,14,31),0%,rgba(3,14,31),50%,rgba(3,14,31),100%);color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;padding-bottom:80px}.balance-header{display:flex;align-items:center;padding:20px;background:#030e1f;border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.back-btn{background:none;border:none;color:#3b82f6;cursor:pointer;padding:8px;display:flex;align-items:center;transition:all .3s ease}.back-btn:hover{transform:translate(-4px)}.balance-title{margin-left:16px;font-size:24px;font-weight:700}.user-info-section{padding:20px;background:#030e1f;border-bottom:1px solid rgba(255,255,255,.1)}.user-avatar-name{display:flex;align-items:center;gap:12px;margin-bottom:16px}.user-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#fff}.user-name-display{font-weight:600;color:#fff;margin:0;padding:0;text-align:left}.info-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.account-type-container{display:flex;align-items:center;gap:8px}.account-type-label{font-size:14px;color:#94a3b8}.account-type-badge{background:#64748b;color:#fff;padding:6px 12px;border-radius:8px;font-size:14px;font-weight:600}.time-container{display:flex;align-items:center;gap:6px;background:#030e1f;padding:8px 12px;border-radius:8px}.clock-icon{color:#94a3b8}.time-label{font-size:14px;color:#94a3b8}.time-value{font-size:14px;color:#fff;font-weight:600}.action-buttons{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:24px}.action-btn{padding:16px;font-size:16px;font-weight:700;border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.deposit-action{background:#10b9811a;border-color:#10b9814d;color:#10b981}.deposit-action:hover{background:#10b98133;border-color:#10b981}.deposit-action.active{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;color:#fff;box-shadow:0 4px 20px #10b98166}.withdraw-action{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.withdraw-action:hover{background:#ef444433;border-color:#ef4444}.withdraw-action.active{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#ef4444;color:#fff;box-shadow:0 4px 20px #ef444466}.current-balance-section{padding:24px;text-align:center;background:#10b9810d;border-top:2px solid rgba(16,185,129,.2);border-bottom:2px solid rgba(16,185,129,.2)}.balance-label-text{font-size:14px;color:#94a3b8;margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}.balance-amount-display{font-size:36px;font-weight:700;color:#10b981;font-family:Courier New,monospace}.content-area{padding:24px;max-width:600px;margin:0 auto}.section-title{font-size:24px;font-weight:700;margin-bottom:8px}.section-description{font-size:14px;color:#94a3b8;margin-bottom:24px}.payment-methods{display:grid;gap:12px;margin-bottom:32px}.payment-method-btn{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.payment-method-btn:hover{background:#ffffff1a;border-color:#3b82f6;transform:translateY(-2px)}.amount-input-section{margin-bottom:24px}.input-label{display:block;font-size:14px;font-weight:600;color:#94a3b8;margin-bottom:8px}.amount-input{width:100%;padding:16px;font-size:18px;font-weight:600;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;transition:all .3s ease}.amount-input:focus{outline:none;border-color:#3b82f6;background:#ffffff1a;box-shadow:0 0 0 4px #3b82f61a}.quick-amounts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.quick-amount-btn{padding:10px;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:8px;color:#3b82f6;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.quick-amount-btn:hover{background:#3b82f633;border-color:#3b82f6}.available-balance{margin-top:8px;font-size:14px;color:#10b981;font-weight:600}.withdrawal-info{background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:12px;padding:16px;margin-bottom:24px}.withdrawal-info p{margin:8px 0;font-size:14px;color:#fbbf24}.submit-btn{width:100%;padding:18px;font-size:16px;font-weight:700;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.deposit-submit{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 20px #10b98166}.deposit-submit:hover{transform:translateY(-2px);box-shadow:0 8px 30px #10b98199}.withdraw-submit{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 20px #ef444466}.withdraw-submit:hover{transform:translateY(-2px);box-shadow:0 8px 30px #ef444499}.balance-footer{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;padding:16px;background:#030e1f;border-top:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.footer-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.support-btn{background:#ffffff0d;color:#fff;border:1px solid rgba(255,255,255,.1)}.support-btn:hover{background:#ffffff1a;border-color:#10b981}.logout-footer-btn{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.logout-footer-btn:hover{background:#ef444433;border-color:#ef4444}@media (max-width: 768px){.quick-amounts{grid-template-columns:repeat(2,1fr)}.balance-amount-display{font-size:28px}}@media (max-width: 480px){.action-buttons{grid-template-rows:1fr}.action-buttons{flex-direction:row}.balance-footer{flex-direction:row;gap:8px}}.withdraw-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem;animation:modalFadeIn .3s ease-out}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.withdraw-modal-content{background:linear-gradient(135deg,#1e293b,#334155);border:2px solid #ef4444;border-radius:16px;padding:1.5rem;width:100%;max-width:450px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.withdraw-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1);animation:headerSlideIn .4s ease-out .1s both}@keyframes headerSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.withdraw-modal-title{display:flex;align-items:center;gap:.5rem;color:#fff;font-size:1.25rem;font-weight:600;margin:0;flex:1;justify-content:center}.withdraw-modal-icon{color:#ef4444;animation:iconPulse 2s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.back-button{background:none;border:none;color:#94a3b8;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .3s ease;animation:backButtonAppear .5s ease-out .2s both}@keyframes backButtonAppear{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.back-button:hover{color:#fff;background:#ffffff1a;transform:translate(-2px)}.close-button{background:none;border:none;color:#94a3b8;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .3s ease;animation:closeButtonAppear .5s ease-out .2s both}@keyframes closeButtonAppear{0%{opacity:0;transform:rotate(-90deg)}to{opacity:1;transform:rotate(0)}}.close-button:hover{color:#fff;background:#ffffff1a;transform:rotate(90deg)}.withdraw-form,.commission-form{display:flex;flex-direction:column;gap:1.5rem;animation:formAppear .4s ease-out .2s both}@keyframes formAppear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.min-amount-info{background:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:12px;padding:1rem;text-align:center;animation:infoSlideUp .4s ease-out .3s both}@keyframes infoSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.form-group{display:flex;flex-direction:column;gap:.5rem;animation:formGroupAppear .4s ease-out .4s both}@keyframes formGroupAppear{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.form-label{color:#e2e8f0;font-weight:500;font-size:.9rem}.form-input{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;padding:.75rem;font-size:1rem;transition:all .3s ease}.form-input:focus{outline:none;border-color:#ef4444;box-shadow:0 0 0 2px #ef444433;transform:scale(1.02)}.commission-info{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;padding:1rem;text-align:center;animation:commissionInfoAppear .4s ease-out .3s both}@keyframes commissionInfoAppear{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.calculation-section{background:#ffffff0d;border-radius:12px;padding:1rem;margin:1rem 0;animation:calculationAppear .4s ease-out .4s both}@keyframes calculationAppear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.calculation-row{display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.25rem 0;animation:calculationRowSlide .3s ease-out both}.calculation-row:nth-child(1){animation-delay:.5s}.calculation-row:nth-child(2){animation-delay:.55s}.calculation-row:nth-child(3){animation-delay:.6s}@keyframes calculationRowSlide{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.calculation-row.total{border-top:1px solid rgba(255,255,255,.1);padding-top:.75rem;font-weight:700;color:#ef4444;font-size:1.1rem}.payment-details{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;padding:1rem;text-align:center;animation:paymentDetailsAppear .4s ease-out .5s both}@keyframes paymentDetailsAppear{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.details-label{color:#ef4444;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.card-number{font-family:monospace;font-size:1.1rem;font-weight:700;color:#fff;margin:.5rem 0;animation:cardNumberGlow 2s ease-in-out infinite}@keyframes cardNumberGlow{0%,to{text-shadow:0 0 5px rgba(239,68,68,.5)}50%{text-shadow:0 0 15px rgba(239,68,68,.8)}}.file-section{display:flex;flex-direction:column;gap:.5rem;animation:fileSectionAppear .4s ease-out .6s both}@keyframes fileSectionAppear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.file-warning{color:#f87171;font-size:.8rem;font-weight:500;margin:0;animation:warningPulse 2s ease-in-out infinite}@keyframes warningPulse{0%,to{opacity:1}50%{opacity:.7}}.file-upload{display:flex;align-items:center;gap:.5rem;background:#ffffff1a;border:2px dashed rgba(255,255,255,.3);border-radius:8px;padding:1rem;color:#cbd5e1;cursor:pointer;transition:all .3s ease;text-align:center;justify-content:center;animation:fileUploadPulse 3s ease-in-out infinite}@keyframes fileUploadPulse{0%,to{border-color:#ffffff4d}50%{border-color:#ef4444}}.file-upload:hover{border-color:#ef4444;color:#fff;transform:scale(1.02);animation:none}.upload-icon{color:#ef4444}.file-input{display:none}.submit-button{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:10px;padding:1rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;animation:buttonAppear .4s ease-out .7s both}@keyframes buttonAppear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.submit-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.submit-button:hover:before{left:100%}.submit-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ef444466}.submit-button:disabled{background:#64748b;cursor:not-allowed;transform:none;box-shadow:none}.submit-button:disabled:hover:before{left:-100%}@media (max-width: 768px){.withdraw-modal-content{margin:1rem;padding:1.25rem}.withdraw-modal-title{font-size:1.1rem}.withdraw-modal-header{gap:.5rem}}
