*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0b0e11;color:#eaecef;min-height:100vh;min-height:100dvh;overflow-x:hidden;width:100%;margin:0;padding:0;padding-bottom:env(safe-area-inset-bottom);-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}.app{min-height:100vh;background:#0b0e11;position:relative;isolation:isolate}button,.clickable{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}html{scroll-behavior:smooth}@media (hover: none) and (pointer: coarse){button,.btn,.clickable{min-height:44px;min-width:44px}}.app{min-height:100vh;background:#0b0e11}.spinner-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(11,14,17,.9);display:flex;justify-content:center;align-items:center;z-index:9999}.spinner{width:40px;height:40px;border:3px solid rgba(43,49,57,.3);border-top:3px solid #f0b90b;border-radius:50%;animation:simpleSpin 1s linear infinite}@keyframes simpleSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.main-container{max-width:428px;margin:0 auto;background:#181a20;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;position:relative;border-left:1px solid #2b3139;border-right:1px solid #2b3139;width:100%;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;padding-top:env(safe-area-inset-top);padding-bottom:0}.account-header{display:flex;justify-content:space-between;align-items:center;padding:4px 16px;background:#181a20;color:#eaecef;border-bottom:1px solid #2b3139;min-height:40px;margin-top:env(safe-area-inset-top,0);position:relative;z-index:10}.user-icon{width:32px;height:32px;border-radius:50%;background:#f0b90b;border:1px solid #f0b90b;display:flex;align-items:center;justify-content:center;color:#0b0e11;font-size:14px;cursor:pointer;transition:all .2s ease}.user-icon:hover{background:#d4a307;border-color:#d4a307}.balance-display{text-align:center;cursor:pointer;padding:2px 6px;border-radius:4px;transition:all .2s ease}.balance-display:hover{background:rgba(240,185,11,.1)}.balance-amount{font-size:16px;font-weight:600;margin-bottom:1px;color:#eaecef}.account-type{font-size:10px;color:#848e9c;display:flex;align-items:center;justify-content:center;gap:3px}.deposit-btn{width:32px;height:32px;border-radius:4px;background:#f0b90b;border:none;color:#0b0e11;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.deposit-btn:hover{background:#d4a307}.asset-selection{display:flex;justify-content:space-between;align-items:center;padding:6px 18px;background:#181a20;border-bottom:1px solid #2b3139;min-height:40px;flex-shrink:0}.asset-button{display:flex;align-items:center;gap:6px;background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:4px;transition:all .2s ease;flex:1}.asset-button:hover{background:rgba(240,185,11,.1)}.asset-icon{width:20px;height:20px;background:#f0b90b;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#0b0e11;font-weight:700;font-size:10px}.asset-info{display:flex;flex-direction:column;align-items:flex-start;flex:1}.asset-info span:first-child{font-weight:500;color:#eaecef;font-size:12px}.asset-percentage{font-size:10px;color:#0ecb81;font-weight:500}.timeframe-selector{margin:0 8px}.timeframe-btn{background:#2b3139;color:#eaecef;border:1px solid #2b3139;padding:4px 8px;border-radius:4px;cursor:pointer;font-weight:500;font-size:11px;transition:all .2s ease}.timeframe-btn:hover,.timeframe-btn.active{background:#f0b90b;color:#0b0e11;border-color:#f0b90b}.option-button{width:28px;height:28px;background:#2b3139;border:1px solid #2b3139;border-radius:4px;color:#848e9c;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.option-button:hover{background:#2b3139;border-color:#f0b90b;color:#f0b90b}.chart-container{margin:0;position:relative;background:#181a20;overflow:hidden;border-bottom:1px solid #2b3139;flex:1;min-height:0;padding-bottom:200px}.tradingview-widget{height:100%;min-height:280px;position:relative;background:#181a20}#tradingview_widget{width:100%!important;height:100%!important}.live-price-tag{position:absolute;top:12px;right:12px;background:rgba(11,14,17,.8);color:#f0b90b;padding:6px 12px;border-radius:4px;font-weight:600;font-size:13px;border:1px solid #2b3139;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.trading-bottom-section{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:428px;background:#181a20;padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom,10px));border-top:1px solid #2b3139;z-index:1000;box-shadow:0 -4px 12px #0000004d}.trade-mode-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #2b3139}.trade-mode-info>div:first-child{font-weight:500;color:#eaecef;font-size:14px}.profit-info{display:flex;align-items:center;gap:4px;color:#848e9c;font-size:12px}.profit-value{color:#0ecb81;font-weight:600}.trading-controls{display:flex;flex-direction:column;gap:16px}.time-amount-selectors{display:flex;gap:12px}.selector-container{flex:1;display:flex;align-items:center;gap:8px;background:#1e2329;padding:8px;border-radius:4px;border:1px solid #2b3139}.control-btn{width:24px;height:24px;border-radius:2px;background:#2b3139;border:1px solid #2b3139;color:#848e9c;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:12px}.control-btn:hover:not(:disabled){background:#f0b90b;color:#0b0e11;border-color:#f0b90b}.control-btn:disabled{opacity:.3;cursor:not-allowed}.time-display,.amount-display{flex:1;text-align:center;font-weight:500;color:#eaecef;font-size:13px}.trading-buttons{display:flex;gap:8px;align-items:center;width:100%;flex-wrap:nowrap}.trade-btn{flex:1;height:52px;border:none;border-radius:12px;color:#fff;font-weight:700;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;text-transform:uppercase}.down-btn{background:#f6465d}.down-btn:hover{background:#e73c53;transform:translateY(-1px)}.up-btn{background:#0ecb81}.up-btn:hover{background:#0bc177;transform:translateY(-1px)}.trade-timer-btn{width:48px;height:48px;border-radius:4px;background:#2b3139;border:1px solid #2b3139;color:#848e9c;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .2s ease}.trade-timer-btn:hover{border-color:#f0b90b;color:#f0b90b}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(11,14,17,.95);display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-content{background:#181a20;border-radius:12px;max-width:90%;width:400px;max-height:90vh;overflow:hidden;border:1px solid #2b3139;box-shadow:0 10px 30px #00000080;position:relative;overflow-y:auto}.modal-header{padding:28px 32px;border-bottom:1px solid rgba(43,49,57,.6);display:flex;justify-content:space-between;align-items:center;background:#1e2329;color:#eaecef;border-radius:12px 12px 0 0;position:relative;z-index:2}.modal-header h5{margin:0;font-weight:600;font-size:16px;display:flex;align-items:center}.close-btn{background:rgba(132,142,156,.08);border:none;color:#848e9c;font-size:18px;cursor:pointer;padding:8px;border-radius:50%;transition:all .2s ease;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(132,142,156,.1)}.close-btn:hover{color:#fff;background:rgba(240,185,11,.25);border-color:#f0b90b99}.close-btn:active{transform:scale(.95)}.modal-body{padding:16px}.modal-footer{padding:16px;border-top:1px solid #2b3139;display:flex;gap:8px;justify-content:flex-end}.asset-modal-enhanced{width:500px;max-width:95%;max-height:85vh;background:linear-gradient(145deg,rgba(24,26,32,.95) 0%,rgba(30,35,41,.98) 50%,rgba(37,42,50,.95) 100%);border:1px solid rgba(43,49,57,.8);border-radius:20px;overflow:hidden;-webkit-backdrop-filter:blur(20px) saturate(1.2);backdrop-filter:blur(20px) saturate(1.2);box-shadow:0 32px 64px #0009,0 16px 32px #0006,inset 0 2px #ffffff1a,0 0 80px #f0b90b14}.asset-modal-header{background:linear-gradient(135deg,#1e2329 0%,#181a20 100%);padding:20px 24px;border-bottom:1px solid #2b3139;display:flex;justify-content:space-between;align-items:center}.asset-modal-title{display:flex;align-items:center;gap:12px}.asset-modal-icon{width:40px;height:40px;background:linear-gradient(135deg,#f0b90b,#d4a307);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#0b0e11;font-size:18px}.asset-modal-title h5{margin:0;color:#eaecef;font-weight:600;font-size:18px}.asset-count{color:#848e9c;font-size:13px;font-weight:500}.category-filter{padding:16px 24px 0;background:#181a20;border-bottom:1px solid #2b3139}.filter-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:16px}.filter-tab{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#1e2329;border:1px solid #2b3139;border-radius:20px;color:#848e9c;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.filter-tab i{font-size:14px}.thb-rate-display{padding:12px 24px;background:linear-gradient(135deg,rgba(240,185,11,.1),rgba(240,185,11,.05));border-bottom:1px solid #2b3139;display:flex;justify-content:space-between;align-items:center}.rate-info{display:flex;align-items:center;gap:8px}.rate-label{color:#848e9c;font-size:13px;font-weight:500}.rate-value{color:#f0b90b;font-size:15px;font-weight:600}.rate-updated{display:flex;align-items:center;gap:4px;color:#848e9c;font-size:11px}.asset-list-enhanced{display:flex;flex-direction:column;gap:0;max-height:50vh;overflow-y:auto}.asset-item-enhanced{display:flex;align-items:center;gap:12px;padding:16px 24px;cursor:pointer;transition:all .3s ease;border-bottom:1px solid #2b3139;position:relative}.asset-item-enhanced:hover{background:rgba(240,185,11,.05);transform:translate(4px)}.asset-item-enhanced:last-child{border-bottom:none}.asset-item-enhanced.crypto{border-left:3px solid #f0b90b}.asset-item-enhanced.forex{border-left:3px solid #0ecb81}.asset-item-enhanced.commodity{border-left:3px solid #ffc107}.asset-item-enhanced.index{border-left:3px solid #2095f2}.asset-icon-enhanced{position:relative;display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#1e2329;border:2px solid #2b3139;border-radius:12px;transition:all .2s ease}.asset-item-enhanced:hover .asset-icon-enhanced{border-color:#f0b90b;transform:scale(1.05)}.asset-symbol-icon{font-size:16px;font-weight:700;color:#eaecef}.category-badge{position:absolute;top:-6px;right:-6px;width:20px;height:20px;background:#f0b90b;border:2px solid #181a20;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;color:#0b0e11}.asset-info-enhanced{flex:1;display:flex;flex-direction:column;gap:4px}.asset-header{display:flex;justify-content:space-between;align-items:flex-start}.asset-name-enhanced{font-weight:600;color:#eaecef;font-size:14px;line-height:1.2}.asset-change-enhanced{display:flex;align-items:center;gap:4px;padding:2px 6px;border-radius:4px;font-size:11px;font-weight:600;line-height:1}.asset-change-enhanced.positive{background:rgba(14,203,129,.2);color:#0ecb81}.asset-change-enhanced.negative{background:rgba(246,70,93,.2);color:#f6465d}.asset-prices{display:flex;justify-content:space-between;align-items:center}.asset-symbol-enhanced{color:#848e9c;font-size:12px;font-weight:500}.price-display{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.usd-price{font-weight:600;color:#eaecef;font-size:14px}.thb-price{color:#f0b90b;font-size:12px;font-weight:500}.asset-list{display:flex;flex-direction:column;gap:0}.asset-item{display:flex;align-items:center;gap:12px;padding:12px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid #2b3139}.asset-item:hover{background:rgba(240,185,11,.05)}.asset-item:last-child{border-bottom:none}.asset-item .asset-info{flex:1;display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.asset-name{font-weight:500;color:#eaecef;font-size:14px}.asset-symbol{color:#848e9c;font-size:12px}.asset-price{font-weight:600;color:#eaecef;text-align:right;font-size:14px}.asset-change{font-size:12px;font-weight:500;text-align:right}.asset-change.positive{color:#0ecb81}.asset-change.negative{color:#f6465d}.trade-modal{width:350px}.active-trade-info{text-align:center}.timer-circle{width:100px;height:100px;border:4px solid #2b3139;border-top:4px solid #f0b90b;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;animation:spin 1s linear infinite}.timer-circle-static{width:100px;height:100px;border:4px solid #f0b90b;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;background:#1e2329}.timer-text{font-size:18px;font-weight:600;color:#eaecef}.trade-direction-info{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:16px;font-size:16px;font-weight:600}.trade-details{display:flex;flex-direction:column;gap:8px}.detail-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #2b3139;font-size:13px}.detail-row:last-child{border-bottom:none}.detail-row span:first-child{color:#848e9c}.detail-row span:last-child{color:#eaecef;font-weight:500}.trade-result-info{text-align:center;padding:24px;animation:resultSlideIn 1s cubic-bezier(.34,1.56,.64,1)}@keyframes resultSlideIn{0%{opacity:0;transform:scale(.5) translateY(100px);filter:blur(10px)}40%{opacity:.8;transform:scale(1.1) translateY(-20px);filter:blur(2px)}to{opacity:1;transform:scale(1) translateY(0);filter:blur(0px)}}.result-icon{width:96px;height:96px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;font-size:48px;position:relative;animation:resultIconEntrance 1.2s cubic-bezier(.34,1.56,.64,1) .5s both}.result-icon:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;background:linear-gradient(45deg,transparent,currentColor,transparent);animation:victorySpin 2s linear infinite;opacity:.3;z-index:-1}.result-icon:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;background:radial-gradient(circle,currentColor 0%,transparent 70%);animation:victoryPulse 1.5s ease-in-out infinite;opacity:.2;z-index:-1}.result-icon.win{background:linear-gradient(135deg,#0ecb81,#0bb26d);color:#fff;box-shadow:0 16px 48px #0ecb8166,0 8px 24px #0ecb814d,inset 0 2px 4px #fff3;animation:resultIconEntrance 1.2s cubic-bezier(.34,1.56,.64,1) .5s both,celebrationBounce .8s ease-in-out 1.7s both}.result-icon.loss{background:linear-gradient(135deg,#f6465d,#d73b52);color:#fff;box-shadow:0 16px 48px #f6465d66,0 8px 24px #f6465d4d,inset 0 2px 4px #fff3;animation:resultIconEntrance 1.2s cubic-bezier(.34,1.56,.64,1) .5s both,disappointmentShake .6s ease-in-out 1.7s both}@keyframes resultIconEntrance{0%{opacity:0;transform:scale(0) rotate(-180deg);filter:blur(8px)}50%{opacity:.8;transform:scale(1.2) rotate(-90deg);filter:blur(2px)}to{opacity:1;transform:scale(1) rotate(0);filter:blur(0px)}}@keyframes victorySpin{0%{transform:rotate(0) scale(1)}to{transform:rotate(360deg) scale(1.1)}}@keyframes victoryPulse{0%,to{transform:scale(1);opacity:.2}50%{transform:scale(1.2);opacity:.4}}@keyframes celebrationBounce{0%,20%,50%,80%,to{transform:translateY(0) scale(1)}40%{transform:translateY(-20px) scale(1.1)}60%{transform:translateY(-10px) scale(1.05)}}@keyframes disappointmentShake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.result-text{font-size:20px;font-weight:600;margin-bottom:12px;color:#eaecef}.result-amount{font-size:24px;font-weight:700}.result-amount.win{color:#0ecb81}.result-amount.loss{color:#f6465d}.trade-result-details{margin-top:24px;width:100%}.result-details-card{background:#1e2329;border:1px solid #2b3139;border-radius:12px;padding:20px;margin-bottom:16px}.result-details-card h6{color:#eaecef;font-size:16px;font-weight:600;margin-bottom:16px;display:flex;align-items:center;gap:8px}.result-details-card h6:before{content:"";width:3px;height:16px;background:#f0b90b;border-radius:2px}.details-grid{display:grid;grid-template-columns:1fr;gap:12px}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#2b3139;border-radius:6px;font-size:14px}.detail-item.highlight{background:rgba(240,185,11,.1);border:1px solid rgba(240,185,11,.3)}.detail-item.total{background:rgba(14,203,129,.1);border:1px solid rgba(14,203,129,.3);font-weight:600}.detail-label{color:#848e9c;font-weight:500}.detail-value{color:#eaecef;font-weight:600;display:flex;align-items:center;gap:4px}.detail-value.amount{color:#f0b90b}.detail-value.price{color:#2095f2;font-family:Courier New,monospace}.detail-value.direction{display:flex;align-items:center;gap:6px}.detail-value.direction.up{color:#0ecb81}.detail-value.direction.down{color:#f6465d}.detail-value.change{display:flex;align-items:center;gap:4px}.detail-value.change.positive{color:#0ecb81}.detail-value.change.negative{color:#f6465d}.detail-value.profit.win{color:#0ecb81}.detail-value.profit.loss{color:#f6465d}.trade-statistics{background:#1e2329;border:1px solid #2b3139;border-radius:12px;padding:20px;margin-bottom:16px}.trade-statistics h6{color:#eaecef;font-size:16px;font-weight:600;margin-bottom:16px;display:flex;align-items:center;gap:8px}.trade-statistics h6:before{content:"";width:3px;height:16px;background:#2095f2;border-radius:2px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px}.stat-item{display:flex;align-items:center;gap:12px;padding:12px;background:#2b3139;border-radius:8px}.stat-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.stat-icon.win{background:rgba(14,203,129,.1);color:#0ecb81}.stat-icon.trades{background:rgba(32,149,242,.1);color:#2095f2}.stat-icon.profit{background:rgba(240,185,11,.1);color:#f0b90b}.stat-content{display:flex;flex-direction:column;gap:2px}.stat-label{color:#848e9c;font-size:12px;font-weight:500}.stat-value{color:#eaecef;font-size:14px;font-weight:600}.stat-value.positive{color:#0ecb81}.stat-value.negative{color:#f6465d}.trade-timestamp{background:#1e2329;border:1px solid #2b3139;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:8px}.timestamp-item{display:flex;align-items:center;gap:8px;color:#848e9c;font-size:13px}.timestamp-item i{color:#f0b90b;font-size:14px}@media (max-width: 480px){.result-details-card,.trade-statistics,.trade-timestamp{padding:16px}.stats-grid{grid-template-columns:1fr;gap:12px}.detail-item{padding:8px 10px;font-size:13px}.stat-icon{width:32px;height:32px;font-size:14px}}.wallet-modal-enhanced{width:500px;max-width:95%;max-height:90vh;background:linear-gradient(145deg,rgba(15,17,20,.95) 0%,rgba(24,26,32,.98) 20%,rgba(30,35,41,.99) 40%,rgba(37,42,50,.98) 60%,rgba(30,35,41,.96) 80%,rgba(24,26,32,.95) 100%);border:1px solid rgba(60,65,74,.9);border-radius:28px;overflow:hidden;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(25px) saturate(1.3) brightness(.9);backdrop-filter:blur(25px) saturate(1.3) brightness(.9);box-shadow:0 50px 100px -15px #000c,0 25px 50px #0009,0 12px 24px #0006,0 0 0 1px #ffffff1f,inset 0 3px 6px #fff3,inset 0 -3px 6px #0000004d,0 0 100px #f0b90b1f;animation:walletModalEntrance .5s cubic-bezier(.34,1.56,.64,1);position:relative}.profile-modal-enhanced{width:400px;max-width:95%;max-height:85vh;background:#181a20;border:1px solid #2b3139;border-radius:8px;overflow:hidden}.profile-header{background:#181a20;padding:16px;border-bottom:1px solid #2b3139;display:flex;justify-content:space-between;align-items:center}.profile-title{display:flex;align-items:center;gap:12px}.profile-icon{width:36px;height:36px;background:#f0b90b;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#0b0e11;font-size:16px}.profile-title h4{margin:0;color:#eaecef;font-weight:600;font-size:16px}.profile-body{padding:16px;max-height:calc(85vh - 70px);overflow-y:auto}.profile-body h6{color:#eaecef;font-size:14px;font-weight:600;margin-bottom:12px;display:flex;align-items:center;gap:8px}.profile-body h6:before{content:"";width:3px;height:14px;background:#f0b90b;border-radius:2px}.account-info-section{margin-bottom:24px}.user-id{font-family:Courier New,monospace;background:rgba(240,185,11,.1);padding:2px 6px;border-radius:4px;color:#f0b90b;font-weight:600}.performance-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:24px}.performance-card{background:#2b3139;border-radius:12px;padding:16px;display:flex;align-items:center;gap:12px;transition:all .3s ease;border:1px solid #2b3139}.performance-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.performance-card.success{border-color:#0ecb814d}.performance-card.danger{border-color:#f6465d4d}.performance-card.info{border-color:#2095f24d}.performance-card.primary{border-color:#f0b90b4d}.performance-card.warning{border-color:#ffc1074d}.performance-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.performance-card .performance-icon{background:rgba(132,142,156,.2);color:#848e9c}.performance-card.success .performance-icon{background:rgba(14,203,129,.2);color:#0ecb81}.performance-card.danger .performance-icon{background:rgba(246,70,93,.2);color:#f6465d}.performance-card.info .performance-icon{background:rgba(32,149,242,.2);color:#2095f2}.performance-card.primary .performance-icon{background:rgba(240,185,11,.2);color:#f0b90b}.performance-card.warning .performance-icon{background:rgba(255,193,7,.2);color:#ffc107}.performance-content{display:flex;flex-direction:column;gap:2px}.performance-label{font-size:11px;color:#848e9c;font-weight:500}.performance-value{font-size:14px;font-weight:600;color:#eaecef}.performance-value.profit{color:#0ecb81}.performance-value.loss{color:#f6465d}.security-section{margin-bottom:24px}.security-item{display:flex;align-items:center;gap:12px;padding:12px;background:rgba(43,49,57,.5);border-radius:8px;margin-bottom:8px;transition:all .2s ease}.security-item:hover{background:rgba(43,49,57,.8)}.security-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:16px}.security-content{flex:1;display:flex;justify-content:space-between;align-items:center}.security-title{color:#eaecef;font-weight:500;font-size:13px}.security-status{font-size:12px;font-weight:500}.account-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.action-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.action-btn.primary{background:#f0b90b;color:#0b0e11}.action-btn.primary:hover{background:#d4a307}.action-btn.info{background:#2095f2;color:#fff}.action-btn.info:hover{background:#1976d2}.action-btn.secondary{background:#848e9c;color:#fff}.action-btn.secondary:hover{background:#6c757d}.action-btn.warning{background:#ffc107;color:#0b0e11}.action-btn.warning:hover{background:#e0a800}.action-btn.success{background:#0ecb81;color:#fff}.action-btn.success:hover{background:#0bb26d}.action-btn.danger{background:#f6465d;color:#fff}.action-btn.danger:hover{background:#d73b52}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@media (max-width: 768px){.profile-modal-enhanced{width:95%;max-height:90vh}.performance-cards{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.account-actions{grid-template-columns:1fr}.profile-body{max-height:calc(90vh - 60px)}}.wallet-header{background:linear-gradient(135deg,#1e2329 0%,#181a20 100%);padding:0;border-bottom:1px solid #2b3139}.wallet-header-content{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 16px}.wallet-title{display:flex;align-items:center;gap:12px}.wallet-icon{width:40px;height:40px;background:linear-gradient(135deg,#f0b90b,#d4a307);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#0b0e11;font-size:18px}.wallet-title h4{margin:0;color:#eaecef;font-weight:600;font-size:20px}.close-btn-enhanced{width:36px;height:36px;background:#2b3139;border:none;border-radius:8px;color:#848e9c;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-btn-enhanced:hover{background:#3c414a;color:#eaecef}.balance-card{margin:0 24px 20px;background:linear-gradient(135deg,#f0b90b,#d4a307);border-radius:16px;padding:24px;position:relative;overflow:hidden}.balance-card:before{content:"";position:absolute;top:-50%;right:-20%;width:120px;height:120px;background:rgba(255,255,255,.1);border-radius:50%;z-index:1}.balance-card-content{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}.balance-info{flex:1}.balance-label{color:#0b0e11b3;font-size:14px;font-weight:500;margin-bottom:8px;display:block}.balance-amount-large{color:#0b0e11;font-size:32px;font-weight:700;margin-bottom:8px}.balance-status{display:flex;align-items:center;gap:6px;color:#0b0e11cc;font-size:13px;font-weight:500}.wallet-body{padding:24px;flex:1;overflow-y:auto;max-height:calc(90vh - 200px)}.wallet-body h6{color:#eaecef;font-size:16px;font-weight:600;margin-bottom:16px;display:flex;align-items:center;gap:8px}.wallet-body h6:before{content:"";width:3px;height:16px;background:#f0b90b;border-radius:2px}.quick-actions-section{margin-bottom:32px}.quick-actions-grid{display:flex;flex-direction:column;gap:12px}.action-card{display:flex;align-items:center;gap:24px;padding:24px;background:#1e2329;border:1px solid #2b3139;border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:left;width:100%;position:relative}.action-card:hover{background:#2b3139;border-color:#f0b90b;transform:translateY(-2px)}.action-card:active{transform:translateY(-1px) scale(.99)}.action-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.deposit-card .action-icon{background:rgba(14,203,129,.1);color:#0ecb81}.withdraw-card .action-icon{background:rgba(246,70,93,.1);color:#f6465d}.transfer-card .action-icon{background:rgba(240,185,11,.1);color:#f0b90b}.history-card .action-icon{background:rgba(132,142,156,.1);color:#848e9c}.action-info{flex:1;display:flex;flex-direction:column;gap:4px}.action-title{color:#eaecef;font-weight:600;font-size:15px}.action-desc{color:#848e9c;font-size:13px}.action-card i:last-child{color:#848e9c;font-size:16px}.recent-transactions-section{margin-bottom:24px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.view-all-btn{background:none;border:none;color:#f0b90b;font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .2s ease}.view-all-btn:hover{color:#d4a307}.transactions-list{display:flex;flex-direction:column;gap:12px}.transaction-item{display:flex;align-items:center;gap:16px;padding:16px 20px;background:linear-gradient(135deg,#1e2329 0%,#252a32 100%);border:1px solid #2b3139;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.transaction-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#f0b90b,#d4a307);transform:scaleY(0);transition:transform .3s ease;border-radius:0 2px 2px 0}.transaction-item:hover{background:linear-gradient(135deg,#2b3139 0%,#323842 100%);border-color:#f0b90b4d;transform:translate(4px);box-shadow:0 8px 24px #0003}.transaction-item:hover:before{transform:scaleY(1)}.transaction-icon{display:flex;align-items:center;justify-content:center}.trade-type-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px}.trade-type-icon.up{background:rgba(14,203,129,.1);color:#0ecb81}.trade-type-icon.down{background:rgba(246,70,93,.1);color:#f6465d}.transaction-info{flex:1;display:flex;flex-direction:column;gap:4px}.transaction-symbol{color:#eaecef;font-weight:600;font-size:14px}.transaction-result{padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600}.transaction-result.win{background:rgba(14,203,129,.2);color:#0ecb81}.transaction-result.loss{background:rgba(246,70,93,.2);color:#f6465d}.transaction-result.cancelled{background:rgba(132,142,156,.2);color:#848e9c}.transaction-result.active{background:rgba(240,185,11,.2);color:#f0b90b}.transaction-details{display:flex;justify-content:space-between;align-items:center}.transaction-time{color:#848e9c;font-size:12px}.transaction-amount{font-weight:600;font-size:13px}.transaction-amount.profit{color:#0ecb81}.transaction-amount.loss{color:#f6465d}.transaction-amount.pending{color:#f0b90b}.no-transactions{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px;color:#848e9c}.no-transactions i{font-size:32px;opacity:.5}.security-info-section{margin-bottom:8px}.security-card{display:flex;align-items:center;gap:16px;padding:16px;background:linear-gradient(135deg,rgba(14,203,129,.1),rgba(14,203,129,.05));border:1px solid rgba(14,203,129,.2);border-radius:12px}.security-icon{width:48px;height:48px;background:rgba(14,203,129,.1);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#0ecb81;font-size:20px;flex-shrink:0}.security-content h6{color:#eaecef;font-size:15px;font-weight:600;margin-bottom:4px}.security-content p{color:#848e9c;font-size:13px;margin:0;line-height:1.4}.account-restriction-warning{margin-bottom:24px}.restriction-card{background:linear-gradient(135deg,rgba(246,70,93,.1) 0%,rgba(246,70,93,.05) 100%);border:2px solid rgba(246,70,93,.3);border-radius:16px;padding:20px;position:relative;overflow:hidden;animation:warningPulse 3s ease-in-out infinite}.restriction-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#f6465d,#d73b52,#f6465d);animation:warningGlow 2s ease-in-out infinite}@keyframes warningPulse{0%,to{border-color:#f6465d4d;box-shadow:0 0 #f6465d33}50%{border-color:#f6465d80;box-shadow:0 0 0 4px #f6465d1a}}@keyframes warningGlow{0%,to{opacity:.6}50%{opacity:1}}.restriction-card .restriction-icon{width:48px;height:48px;background:rgba(246,70,93,.15);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#f6465d;font-size:24px;margin-bottom:16px;animation:iconBounce 2s ease-in-out infinite}@keyframes iconBounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-4px)}60%{transform:translateY(-2px)}}.restriction-content h6{color:#f6465d;font-size:16px;font-weight:600;margin-bottom:8px}.restriction-content p{color:#eaecef;font-size:14px;line-height:1.5;margin-bottom:16px}.restriction-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.restriction-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;font-size:13px;font-weight:500}.restriction-item.disabled{background:rgba(246,70,93,.1);color:#f6465d}.restriction-item.enabled{background:rgba(14,203,129,.1);color:#0ecb81}.restriction-item i{font-size:14px}.balance-card-suspended{background:linear-gradient(135deg,#6c757d,#5a6169)!important;border:2px solid rgba(246,70,93,.3);position:relative}.balance-card-suspended:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#f6465d,#d73b52,#f6465d);animation:suspensionWarning 2s ease-in-out infinite}@keyframes suspensionWarning{0%,to{opacity:.7}50%{opacity:1}}.balance-status.suspended{color:#f6465de6!important;animation:statusBlink 2s ease-in-out infinite}@keyframes statusBlink{0%,50%,to{opacity:1}25%,75%{opacity:.7}}.suspension-warning{margin-bottom:24px}.warning-card{background:linear-gradient(135deg,rgba(246,70,93,.08) 0%,rgba(246,70,93,.04) 100%);border:1px solid rgba(246,70,93,.2);border-left:4px solid #f6465d;border-radius:12px;padding:16px;display:flex;align-items:flex-start;gap:16px;position:relative;overflow:hidden}.warning-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,#f6465d,transparent);animation:warningLine 3s ease-in-out infinite}@keyframes warningLine{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}.warning-card .warning-icon{width:44px;height:44px;background:rgba(246,70,93,.15);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#f6465d;font-size:20px;flex-shrink:0;animation:warningIconPulse 2s ease-in-out infinite}@keyframes warningIconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.warning-content h6{color:#f6465d;font-size:15px;font-weight:600;margin-bottom:6px}.warning-content p{color:#eaecef;font-size:13px;line-height:1.4;margin:0}.action-card.disabled{opacity:.6;cursor:not-allowed;background:linear-gradient(135deg,rgba(108,117,125,.3) 0%,rgba(108,117,125,.1) 100%)!important;border-color:#6c757d4d!important;transform:none!important;position:relative}.action-card.disabled:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(45deg,transparent,transparent 8px,rgba(246,70,93,.1) 8px,rgba(246,70,93,.1) 16px);border-radius:20px;pointer-events:none}.action-card.disabled:hover{transform:none!important;box-shadow:none!important;border-color:#6c757d4d!important}.action-card.disabled .action-icon{background:rgba(108,117,125,.2)!important;color:#6c757d!important}.action-card.disabled .action-title{color:#6c757d!important}.action-card.disabled .action-desc{color:#f6465d!important;font-weight:500}@media (max-width: 480px){.wallet-modal-enhanced{width:95%;max-height:95vh}.wallet-header-content{padding:16px 20px 12px}.balance-card{margin:0 20px 16px;padding:20px}.balance-amount-large{font-size:28px}.wallet-body{padding:20px}.summary-grid{grid-template-columns:1fr}.restriction-list{grid-template-columns:repeat(2,1fr);gap:8px}.restriction-item{padding:6px 10px;font-size:12px}.warning-card{padding:12px;gap:12px}.warning-card .warning-icon{width:36px;height:36px;font-size:18px}}.btn{padding:14px 20px;border:none;border-radius:12px;cursor:pointer;font-weight:600;font-size:14px;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:.8px;transform-style:preserve-3d}.btn:hover{transform:translateY(-2px)}.btn-success{background:linear-gradient(135deg,#0ecb81,#0bb26d);color:#fff;box-shadow:0 4px 15px #0ecb814d}.btn-success:hover{background:linear-gradient(135deg,#0bb26d,#0a9c5f);transform:translateY(-2px);box-shadow:0 8px 25px #0ecb8166}.btn-danger{background:linear-gradient(135deg,#f6465d,#d73b52);color:#fff;box-shadow:0 4px 15px #f6465d4d}.btn-danger:hover{background:linear-gradient(135deg,#d73b52,#c1334a);transform:translateY(-2px);box-shadow:0 8px 25px #f6465d66}.btn-warning{background:linear-gradient(135deg,#f0b90b,#d4a307);color:#0b0e11;box-shadow:0 4px 15px #f0b90b4d}.btn-warning:hover{background:linear-gradient(135deg,#d4a307,#b8910a);transform:translateY(-2px);box-shadow:0 8px 25px #f0b90b66}.btn-info{background:linear-gradient(135deg,#1e2329,#2b3139);color:#eaecef;border:1px solid #3c414a;box-shadow:0 4px 15px #1e23294d}.btn-info:hover{background:linear-gradient(135deg,#2b3139,#3c414a);border-color:#f0b90b;transform:translateY(-2px);box-shadow:0 8px 25px #f0b90b33}.btn-secondary{background:linear-gradient(135deg,#2b3139,#3c414a);color:#eaecef;box-shadow:0 4px 15px #2b31394d}.btn-secondary:hover{background:linear-gradient(135deg,#3c414a,#4a5058);transform:translateY(-2px);box-shadow:0 8px 25px #2b313966}.btn-primary{background:linear-gradient(135deg,#f0b90b,#d4a307);color:#0b0e11;box-shadow:0 4px 15px #f0b90b4d}.btn-primary:hover{background:linear-gradient(135deg,#d4a307,#b8910a);transform:translateY(-2px);box-shadow:0 8px 25px #f0b90b66}.btn:active{transform:translateY(0) scale(.98)}.clickable-element{transition:all .5s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.clickable-element:hover{transform:translateZ(10px)}.clickable-element:active{transform:translateZ(5px) scale(.98);transition:all .1s ease}.ripple-effect{position:relative;overflow:hidden}.ripple-effect:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(240,185,11,.3);transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.ripple-effect:active:after{width:300px;height:300px}.text-success{color:#0ecb81!important;text-shadow:0 0 10px rgba(14,203,129,.3)}.text-danger{color:#f6465d!important;text-shadow:0 0 10px rgba(246,70,93,.3)}.text-warning{color:#f0b90b!important;text-shadow:0 0 10px rgba(240,185,11,.3)}.text-info{color:#eaecef!important;text-shadow:0 0 5px rgba(234,236,239,.2)}.me-1{margin-right:4px}.me-2{margin-right:8px}.ms-1{margin-left:4px}@media (max-width: 480px){body{height:100vh;height:100dvh;overflow:hidden}.main-container{max-width:100vw;width:100vw;height:100vh;height:100dvh;border-radius:0;border-left:none;border-right:none;padding:0;margin:0}.chart-container{padding-bottom:180px}.trading-bottom-section{max-width:100vw;left:0;transform:none;padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom,20px))}.modal-content{width:95%;margin:0 auto;max-width:380px}.account-header{padding:2px 12px;flex-shrink:0;min-height:36px;margin-top:env(safe-area-inset-top,4px)}.asset-selection{flex-shrink:0;padding:2px 12px;min-height:32px}.balance-amount{font-size:14px}.user-icon{width:28px;height:28px;font-size:12px}.deposit-btn{width:28px;height:28px;font-size:11px}.asset-icon{width:18px;height:18px;font-size:9px}.asset-info span:first-child{font-size:11px}.asset-percentage{font-size:9px}.trading-controls{gap:12px}.time-amount-selectors{gap:8px}.selector-container{padding:6px}.trade-btn{height:44px;font-size:13px}.tradingview-widget{min-height:250px}.trading-bottom-section{padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom,20px))}}@media (min-width: 481px) and (max-width: 768px){.main-container{max-width:100vw;width:100vw;height:100vh;border-left:none;border-right:none}.chart-container{padding-bottom:200px}.trading-bottom-section{max-width:100vw;left:0;transform:none}}@media (min-width: 769px){.main-container{max-width:500px;width:500px;height:100vh}.chart-container{padding-bottom:220px}.trading-bottom-section{max-width:500px;padding:20px;padding-bottom:calc(20px + env(safe-area-inset-bottom,10px))}}@media (min-width: 1200px){.main-container{max-width:600px;width:600px;height:100vh}.chart-container{padding-bottom:240px}.trading-bottom-section{max-width:600px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-content{animation:fadeIn .3s ease}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.live-price-tag{animation:pulse 2s infinite}.history-modal{width:450px;max-height:80vh}.no-history{text-align:center;padding:40px 20px;color:#848e9c}.no-history i{font-size:48px;margin-bottom:16px;display:block}.history-list{display:flex;flex-direction:column;gap:12px;max-height:60vh;overflow-y:auto}.history-item{background:#1e2329;border:1px solid #2b3139;border-radius:6px;padding:12px}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #2b3139}.trade-symbol{font-weight:600;color:#eaecef;font-size:14px}.trade-result{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600}.trade-result.win{background:#0ecb81;color:#fff}.trade-result.loss{background:#f6465d;color:#fff}.trade-result.cancelled{background:#848e9c;color:#fff}.trade-result.active{background:#f0b90b;color:#0b0e11;animation:pulse 2s infinite}.active-trade-timer{margin:8px 0;padding:8px;background:#2b3139;border-radius:4px;border-left:3px solid #f0b90b}.timer-display-small{display:flex;align-items:center;gap:6px;color:#f0b90b;font-weight:600;font-size:12px}.timer-display-small i{animation:pulse 1s infinite}.cancel-trade-btn{width:100%;margin-top:8px;padding:6px 12px;background:#f6465d;border:none;border-radius:4px;color:#fff;font-size:11px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;transition:all .2s ease}.cancel-trade-btn:hover{background:#d73b52}.history-details{display:flex;flex-direction:column;gap:4px}.history-details .detail-row{display:flex;justify-content:space-between;padding:4px 0;border-bottom:none;font-size:12px}.history-details .detail-row span:first-child{color:#848e9c}.history-details .detail-row span:last-child{color:#eaecef;font-weight:500}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:linear-gradient(135deg,#1e2329 0%,#252a32 100%);border-radius:10px;border:1px solid rgba(43,49,57,.3)}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#2b3139 0%,#3c414a 50%,#2b3139 100%);border-radius:10px;border:1px solid #181a20;box-shadow:inset 0 1px #ffffff1a;transition:all .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#3c414a 0%,#4a5058 50%,#3c414a 100%);box-shadow:inset 0 1px #ffffff26,0 0 10px #f0b90b33}::selection{background:rgba(240,185,11,.3);color:#fff;text-shadow:0 0 8px rgba(240,185,11,.5)}::-moz-selection{background:rgba(240,185,11,.3);color:#fff;text-shadow:0 0 8px rgba(240,185,11,.5)}::-webkit-scrollbar-corner{background:#1e2329}.profile-body{scrollbar-width:thin;scrollbar-color:#2b3139 #1e2329}.logout-confirm-modal-enhanced{width:450px;max-width:95%;background:linear-gradient(145deg,#1e2329 0%,#262a32 50%,#1e2329 100%);border:1px solid #3c414a;border-radius:24px;overflow:hidden;box-shadow:0 32px 64px #0006,0 16px 32px #0000004d,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);animation:logoutModalEntrance .7s cubic-bezier(.34,1.56,.64,1);position:relative}.logout-confirm-modal-enhanced:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,transparent,rgba(246,70,93,.1),transparent);opacity:0;transition:opacity .5s ease;pointer-events:none}.logout-confirm-modal-enhanced:hover:before{opacity:1}@keyframes logoutModalEntrance{0%{opacity:0;transform:scale(.6) translateY(80px) rotateX(20deg);filter:blur(10px)}40%{opacity:.7;transform:scale(1.1) translateY(-20px) rotateX(10deg);filter:blur(4px)}70%{opacity:.9;transform:scale(.95) translateY(5px) rotateX(-2deg);filter:blur(1px)}to{opacity:1;transform:scale(1) translateY(0) rotateX(0);filter:blur(0px)}}.logout-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 0;position:relative}.logout-icon-circle{width:80px;height:80px;background:linear-gradient(135deg,#f6465d 0%,#d73b52 50%,#f6465d 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto;box-shadow:0 12px 24px #f6465d66,0 0 0 4px #f6465d1a,inset 0 2px #fff3;position:relative;animation:iconPulse 2s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:scale(1);box-shadow:0 12px 24px #f6465d66,0 0 0 4px #f6465d1a}50%{transform:scale(1.05);box-shadow:0 16px 32px #f6465d80,0 0 0 8px #f6465d33}}.logout-icon-circle:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;background:linear-gradient(45deg,#f6465d,#d73b52,#f6465d,#d73b52);border-radius:50%;z-index:-1;animation:rotateGlow 4s linear infinite;filter:blur(2px);opacity:.7}@keyframes rotateGlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.logout-icon-circle i{color:#fff;font-size:28px;animation:iconBounce 1s ease-in-out infinite alternate}@keyframes iconBounce{0%{transform:translateY(0)}to{transform:translateY(-2px)}}.close-btn-modern{position:absolute;top:0;right:0;width:36px;height:36px;background:rgba(132,142,156,.1);border:none;border-radius:50%;color:#848e9c;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:16px}.close-btn-modern:hover{background:rgba(132,142,156,.2);color:#eaecef;transform:scale(1.1)}.logout-modal-body{padding:24px;text-align:center}.logout-title{color:#eaecef;font-size:24px;font-weight:600;margin:16px 0 12px;background:linear-gradient(135deg,#eaecef 0%,#b7bdc6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logout-description{color:#848e9c;font-size:15px;line-height:1.5;margin-bottom:24px}.logout-user-info{display:flex;align-items:center;gap:12px;padding:16px;background:rgba(43,49,57,.5);border:1px solid #2b3139;border-radius:12px;margin-bottom:24px;transition:all .2s ease}.logout-user-info:hover{background:rgba(43,49,57,.7);border-color:#3c414a}.user-avatar{width:44px;height:44px;background:linear-gradient(135deg,#f0b90b 0%,#d4a307 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 8px #f0b90b33}.user-avatar i{color:#fff;font-size:20px}.user-details{flex:1;text-align:left}.user-name{color:#eaecef;font-weight:600;font-size:15px;margin-bottom:2px}.user-email{color:#848e9c;font-size:13px}.logout-actions{display:flex;gap:12px;margin-top:8px}.btn-cancel-modern{flex:1;padding:12px 20px;background:rgba(132,142,156,.1);border:1px solid #2b3139;border-radius:10px;color:#848e9c;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-cancel-modern:hover{background:rgba(132,142,156,.2);border-color:#3c414a;color:#eaecef;transform:translateY(-1px)}.btn-logout-modern{flex:1;padding:12px 20px;background:linear-gradient(135deg,#f6465d 0%,#d73b52 100%);border:none;border-radius:10px;color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #f6465d4d}.btn-logout-modern:hover{background:linear-gradient(135deg,#d73b52 0%,#c1334a 100%);transform:translateY(-1px);box-shadow:0 6px 16px #f6465d66}.btn-logout-modern:active{transform:translateY(0)}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.trade-confirm-modal{width:480px;max-width:95%;max-height:90vh;animation:tradeModalEntrance .8s cubic-bezier(.34,1.56,.64,1)}@keyframes tradeModalEntrance{0%{opacity:0;transform:scale(.8) translateY(50px) rotateY(15deg);filter:blur(6px)}40%{opacity:.8;transform:scale(1.03) translateY(-8px) rotateY(8deg);filter:blur(2px)}to{opacity:1;transform:scale(1) translateY(0) rotateY(0);filter:blur(0px)}}.trade-confirm-info{padding:12px 0;animation:fadeInUp .6s ease .2s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.trade-preview-card{background:linear-gradient(145deg,#1e2329 0%,#252a32 50%,#1e2329 100%);border:1px solid #2b3139;border-radius:16px;padding:24px;margin-bottom:20px;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);animation:cardSlideIn .7s ease .3s both}.trade-preview-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,transparent,rgba(240,185,11,.05),transparent);transform:translate(-100%);transition:transform .8s ease}.trade-preview-card:hover{transform:translateY(-2px);box-shadow:0 12px 32px #0000004d,0 0 0 1px #f0b90b33,inset 0 1px #ffffff1a;border-color:#f0b90b66}.trade-preview-card:hover:before{transform:translate(100%)}@keyframes cardSlideIn{0%{opacity:0;transform:translate(-30px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}.trade-direction-preview{display:flex;align-items:center;gap:20px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #2b3139;animation:directionsSlideIn .8s ease .4s both}@keyframes directionsSlideIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.direction-icon{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);animation:iconPulse 2s ease-in-out infinite}.direction-icon:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:20px;background:linear-gradient(45deg,transparent,currentColor,transparent);opacity:0;animation:rotateGlow 3s linear infinite;z-index:-1}.direction-icon:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;background:radial-gradient(circle,currentColor 0%,transparent 70%);opacity:.1;animation:breathe 2s ease-in-out infinite;z-index:-1}.direction-icon.up{background:linear-gradient(135deg,rgba(14,203,129,.15),rgba(14,203,129,.05));border:2px solid #0ecb81;color:#0ecb81;box-shadow:0 8px 24px #0ecb814d,inset 0 2px 4px #ffffff1a}.direction-icon.down{background:linear-gradient(135deg,rgba(246,70,93,.15),rgba(246,70,93,.05));border:2px solid #f6465d;color:#f6465d;box-shadow:0 8px 24px #f6465d4d,inset 0 2px 4px #ffffff1a}.direction-icon:hover{transform:scale(1.1) rotate(5deg);box-shadow:0 12px 32px #0ecb8166,inset 0 2px 4px #fff3}.direction-icon.down:hover{box-shadow:0 12px 32px #f6465d66,inset 0 2px 4px #fff3}.direction-icon:hover:before{opacity:.3}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes rotateGlow{0%{transform:rotate(0);opacity:0}50%{opacity:.3}to{transform:rotate(360deg);opacity:0}}@keyframes breathe{0%,to{transform:scale(1);opacity:.1}50%{transform:scale(1.1);opacity:.2}}.direction-text{display:flex;flex-direction:column;gap:4px}.direction-label{color:#848e9c;font-size:13px;font-weight:500}.direction-value{font-size:18px;font-weight:600}.trade-details-confirm{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.trade-details-confirm .detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#2b3139;border-radius:6px;font-size:14px}.trade-details-confirm .detail-row.highlight{background:rgba(240,185,11,.1);border:1px solid rgba(240,185,11,.3)}.trade-details-confirm .detail-row span:first-child{color:#848e9c;font-weight:500}.detail-value{color:#eaecef;font-weight:600}.detail-value.amount{color:#f0b90b;font-size:16px}.detail-value.profit{color:#0ecb81;font-size:16px}.detail-value.time{color:#2095f2;font-size:12px;font-family:Courier New,monospace}.risk-warning{display:flex;align-items:flex-start;gap:12px;padding:12px;background:rgba(246,70,93,.1);border:1px solid rgba(246,70,93,.2);border-radius:8px;border-left:4px solid #f6465d}.warning-icon{color:#f6465d;font-size:18px;flex-shrink:0;margin-top:2px}.warning-text{color:#eaecef;font-size:13px;line-height:1.4}.warning-text strong{color:#f6465d}.trade-confirm-btn{background:linear-gradient(135deg,#0ecb81,#0bb26d);border:none;color:#fff;font-weight:600;padding:12px 20px;transition:all .2s ease}.trade-confirm-btn:hover{background:linear-gradient(135deg,#0bb26d,#0a9c5f);transform:translateY(-1px);box-shadow:0 4px 12px #0ecb814d}.trade-btn.disabled{opacity:.5;cursor:not-allowed;background:#2b3139;color:#848e9c}.trade-btn.disabled:hover{background:#2b3139;transform:none;box-shadow:none}.timer-display-mini{font-size:11px;font-weight:600;color:#f0b90b;line-height:1}.cancel-confirm-modal{width:420px;max-width:90%}.cancel-confirm-info{text-align:center;padding:16px 0}.warning-icon{width:64px;height:64px;background:rgba(240,185,11,.1);border:2px solid #f0b90b;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:#f0b90b;font-size:24px}.confirm-title{color:#eaecef;font-size:18px;font-weight:600;margin-bottom:12px}.confirm-message{color:#848e9c;font-size:14px;margin-bottom:8px;line-height:1.5}.confirm-warning{color:#f0b90b;font-size:13px;font-weight:500;margin-bottom:20px;padding:8px 12px;background:rgba(240,185,11,.1);border-radius:4px;border-left:3px solid #f0b90b}.trade-summary{background:#1e2329;border:1px solid #2b3139;border-radius:6px;padding:12px;margin-top:16px}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:13px;border-bottom:1px solid #2b3139}.summary-row:last-child{border-bottom:none}.summary-row.highlight{background:rgba(14,203,129,.1);margin:8px -12px -12px;padding:12px;border-radius:0 0 6px 6px;font-weight:600}.summary-row span:first-child{color:#848e9c}.summary-row span:last-child{color:#eaecef;font-weight:500}.summary-row.highlight span{color:#eaecef}.modal-footer .btn{padding:10px 16px;font-size:13px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:4px}.modal-footer .btn-secondary{background:#2b3139;border-color:#2b3139;color:#eaecef}.modal-footer .btn-secondary:hover{background:#3c414a;border-color:#3c414a}.modal-footer .btn-danger{background:#f6465d;border-color:#f6465d;color:#fff}.modal-footer .btn-danger:hover{background:#d73b52;border-color:#d73b52}.deposit-modal-enhanced,.withdraw-modal-enhanced,.transfer-modal-enhanced{width:500px;max-width:95%;max-height:90vh;background:#181a20;border:1px solid #2b3139;border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.deposit-modal-enhanced .modal-body,.withdraw-modal-enhanced .modal-body,.transfer-modal-enhanced .modal-body{flex:1;overflow-y:auto;max-height:calc(90vh - 140px)}.transaction-history-modal{width:550px;max-width:95%;max-height:85vh;background:#181a20;border:1px solid #2b3139;border-radius:12px;overflow:hidden}.method-selection{display:flex;flex-direction:column;gap:12px}.method-option{display:flex;align-items:center;gap:18px;padding:18px;background:linear-gradient(135deg,#1e2329 0%,#252a32 100%);border:2px solid #2b3139;border-radius:16px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.method-option:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(240,185,11,.1),transparent);transition:left .6s ease}.method-option:hover{background:linear-gradient(135deg,#2b3139 0%,#323842 100%);border-color:#f0b90b99;transform:translateY(-4px) scale(1.02);box-shadow:0 12px 32px #0003}.method-option:hover:before{left:100%}.method-option.active{background:linear-gradient(135deg,rgba(240,185,11,.15) 0%,rgba(240,185,11,.05) 100%);border-color:#f0b90b;transform:translateY(-4px) scale(1.02);box-shadow:0 12px 32px #f0b90b4d,0 0 0 1px #f0b90b33,inset 0 1px #ffffff1a;animation:selectedGlow 2s ease-in-out infinite}@keyframes selectedGlow{0%,to{box-shadow:0 12px 32px #f0b90b4d,0 0 0 1px #f0b90b33,inset 0 1px #ffffff1a}50%{box-shadow:0 16px 40px #f0b90b66,0 0 0 2px #f0b90b4d,inset 0 1px #ffffff26}}.method-option:active{transform:translateY(-2px) scale(.98)}.method-icon{width:48px;height:48px;background:#2b3139;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#848e9c;flex-shrink:0;transition:all .3s ease}.method-option.active .method-icon{background:rgba(240,185,11,.2);color:#f0b90b}.method-info{flex:1;display:flex;flex-direction:column;gap:4px}.method-title{color:#eaecef;font-weight:600;font-size:15px}.method-desc{color:#848e9c;font-size:13px}.method-check{color:#2b3139;font-size:20px;transition:all .3s ease}.method-option.active .method-check{color:#f0b90b}.form-group{margin-bottom:20px}.form-label{display:block;color:#eaecef;font-weight:600;font-size:14px;margin-bottom:8px}.form-control{width:100%;padding:14px 18px;background:linear-gradient(145deg,#1e2329,#252a32);border:2px solid #2b3139;border-radius:12px;color:#eaecef;font-size:14px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:inset 0 2px 4px #0000001a}.form-control:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;padding:2px;background:linear-gradient(45deg,transparent,rgba(240,185,11,.3),transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:exclude;opacity:0;transition:opacity .3s ease}.form-control:focus{outline:none;border-color:#f0b90b;background:linear-gradient(145deg,#2b3139,#323842);box-shadow:0 0 0 4px #f0b90b26,inset 0 2px 4px #0000001a,0 4px 12px #f0b90b1a;transform:translateY(-1px)}.form-control:focus:before{opacity:1}.form-text{color:#848e9c;font-size:12px;margin-top:4px}.amount-input-container{position:relative}.amount-input{margin-bottom:12px}.quick-amounts{display:flex;gap:8px;flex-wrap:wrap}.quick-amount-btn{padding:6px 12px;background:#2b3139;border:1px solid #2b3139;border-radius:6px;color:#848e9c;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.quick-amount-btn:hover{background:#f0b90b;border-color:#f0b90b;color:#0b0e11}.info-card{background:#1e2329;border:1px solid #2b3139;border-radius:12px;padding:16px;margin-bottom:16px}.info-card h6{color:#eaecef;font-size:14px;font-weight:600;margin-bottom:12px;display:flex;align-items:center;gap:8px}.account-info{display:flex;flex-direction:column;gap:8px}.info-row{display:flex;justify-content:space-between;align-items:center;font-size:13px}.info-row span:first-child{color:#848e9c}.info-row span:last-child{color:#eaecef;font-weight:500}.account-number{font-family:Courier New,monospace;background:rgba(240,185,11,.1);padding:2px 6px;border-radius:4px;font-weight:600}.crypto-address-display{display:flex;gap:8px;align-items:center}.crypto-address-display .form-control{flex:1;font-family:Courier New,monospace;font-size:12px}.copy-btn{width:40px;height:40px;background:#2b3139;border:1px solid #2b3139;border-radius:6px;color:#848e9c;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.copy-btn:hover{background:#f0b90b;border-color:#f0b90b;color:#0b0e11}.warning-text{display:flex;align-items:center;gap:8px;margin-top:8px;padding:8px 12px;background:rgba(246,70,93,.1);border:1px solid rgba(246,70,93,.2);border-radius:6px;color:#f6465d;font-size:12px}.current-balance-display{background:linear-gradient(135deg,#f0b90b,#d4a307);border-radius:12px;padding:16px;margin-bottom:20px;text-align:center}.current-balance-display .balance-info{display:flex;flex-direction:column;gap:4px}.current-balance-display .balance-label{color:#0b0e11b3;font-size:13px;font-weight:500}.current-balance-display .balance-amount{color:#0b0e11;font-size:24px;font-weight:700}.transfer-summary{background:#1e2329;border:1px solid #2b3139;border-radius:8px;padding:16px;margin-top:16px}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:14px;border-bottom:1px solid #2b3139}.summary-item:last-child{border-bottom:none}.summary-item.total{font-weight:600;font-size:16px;padding-top:12px;margin-top:8px;border-top:2px solid #2b3139}.summary-item span:first-child{color:#848e9c}.summary-item span:last-child{color:#eaecef;font-weight:500}.summary-item.total span{color:#f0b90b}.transaction-filters{margin-bottom:20px}.filter-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px}.filter-tab{padding:8px 16px;background:#1e2329;border:1px solid #2b3139;border-radius:20px;color:#848e9c;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.filter-tab:hover{background:#2b3139;border-color:#f0b90b;color:#eaecef}.filter-tab.active{background:#f0b90b;border-color:#f0b90b;color:#0b0e11}.transaction-list{display:flex;flex-direction:column;gap:12px;max-height:60vh;overflow-y:auto}.transaction-item-detailed{display:flex;align-items:flex-start;gap:16px;padding:16px;background:#1e2329;border:1px solid #2b3139;border-radius:12px;transition:all .2s ease}.transaction-item-detailed:hover{background:#2b3139;transform:translateY(-1px)}.transaction-type-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.transaction-type-icon.deposit{background:rgba(14,203,129,.1);color:#0ecb81}.transaction-type-icon.withdraw{background:rgba(246,70,93,.1);color:#f6465d}.transaction-type-icon.transfer{background:rgba(240,185,11,.1);color:#f0b90b}.transaction-details{flex:1;display:flex;flex-direction:column;gap:8px}.transaction-main{display:flex;justify-content:space-between;align-items:center}.transaction-title{color:#eaecef;font-weight:600;font-size:15px}.transaction-status{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600}.transaction-status.completed{background:rgba(14,203,129,.2);color:#0ecb81}.transaction-status.pending{background:rgba(240,185,11,.2);color:#f0b90b}.transaction-status.failed{background:rgba(246,70,93,.2);color:#f6465d}.transaction-info{display:flex;justify-content:space-between;align-items:center}.transaction-method{color:#848e9c;font-size:13px}.transaction-amount{font-weight:600;font-size:15px}.transaction-amount.positive{color:#0ecb81}.transaction-amount.negative{color:#f6465d}.transaction-description{color:#848e9c;font-size:12px;line-height:1.4}.transaction-time{color:#848e9c;font-size:11px}.spinner-border{width:16px;height:16px;border-width:2px}@media (max-width: 480px){.deposit-modal-enhanced,.withdraw-modal-enhanced,.transfer-modal-enhanced,.transaction-history-modal{width:95%;max-height:95vh}.method-selection{gap:8px}.method-option{padding:12px;gap:12px}.method-icon{width:40px;height:40px;font-size:18px}.quick-amounts{gap:6px}.quick-amount-btn{padding:4px 8px;font-size:11px}.transaction-item-detailed{padding:12px;gap:12px}.transaction-type-icon{width:40px;height:40px;font-size:18px}}.insufficient-funds-modal{width:420px;max-width:90%}.insufficient-funds-info{text-align:center;padding:16px 0}.insufficient-icon{width:64px;height:64px;background:rgba(246,70,93,.1);border:2px solid #f6465d;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:#f6465d;font-size:24px}.insufficient-title{color:#eaecef;font-size:18px;font-weight:600;margin-bottom:12px}.insufficient-message{color:#848e9c;font-size:14px;margin-bottom:20px;line-height:1.5}.insufficient-message strong{color:#eaecef}.balance-summary{background:#1e2329;border:1px solid #2b3139;border-radius:6px;padding:12px;margin-bottom:20px}.balance-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:13px;border-bottom:1px solid #2b3139}.balance-row:last-child{border-bottom:none}.balance-row.highlight{background:rgba(246,70,93,.1);margin:8px -12px -12px;padding:12px;border-radius:0 0 6px 6px;font-weight:600;border-left:3px solid #f6465d}.balance-row span:first-child{color:#848e9c}.current-balance{color:#0ecb81;font-weight:600}.required-amount{color:#f0b90b;font-weight:600}.missing-amount{color:#f6465d;font-weight:600}.transaction-confirm-modal{width:480px;max-width:95%;max-height:85vh;background:#181a20;border:1px solid #2b3139;border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.transaction-confirm-modal .modal-header{padding:16px 24px;border-bottom:1px solid #2b3139;display:flex;justify-content:space-between;align-items:center;background:#181a20;color:#eaecef;flex-shrink:0}.transaction-confirm-modal .modal-footer{padding:16px 24px;border-top:1px solid #2b3139;display:flex;gap:8px;justify-content:flex-end;background:#181a20;flex-shrink:0}.transaction-confirm-info{padding:8px 0}.transaction-preview-card{background:#1e2329;border:1px solid #2b3139;border-radius:12px;padding:24px;text-align:center;margin-bottom:16px}.transaction-icon-large{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:36px;margin:0 auto 16px;background:rgba(240,185,11,.1);border:2px solid #f0b90b;color:#f0b90b}.transaction-title{color:#eaecef;font-size:20px;font-weight:600;margin-bottom:20px}.transaction-details-summary{display:flex;flex-direction:column;gap:12px;margin-bottom:20px;text-align:left;overflow-y:auto;max-height:calc(85vh - 200px)}.transaction-details-summary .detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#2b3139;border-radius:6px;font-size:14px}.transaction-details-summary .detail-row span:first-child{color:#848e9c;font-weight:500}.transaction-details-summary .detail-row span:last-child{color:#eaecef;font-weight:600}.transaction-details-summary .detail-row .amount{color:#f0b90b;font-size:16px;font-weight:700}.transaction-warning{display:flex;align-items:flex-start;gap:12px;padding:12px;background:rgba(240,185,11,.1);border:1px solid rgba(240,185,11,.2);border-radius:8px;border-left:4px solid #f0b90b;text-align:left}.transaction-warning .warning-icon{color:#f0b90b;font-size:18px;flex-shrink:0;margin-top:2px}.transaction-warning .warning-text{color:#eaecef;font-size:13px;line-height:1.4}.transaction-warning .warning-text strong{color:#f0b90b}.scrollable-modal{max-height:90vh;overflow-y:auto}.scrollable-modal .modal-body{max-height:70vh;overflow-y:auto;padding:20px}.scrollable-modal .modal-body::-webkit-scrollbar{width:6px}.scrollable-modal .modal-body::-webkit-scrollbar-track{background:rgba(255,255,255,.1);border-radius:3px}.scrollable-modal .modal-body::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);border-radius:3px}.scrollable-modal .modal-body::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.5)}.logout-confirm-modal{width:420px;max-width:90%}.logout-confirm-info{text-align:center;padding:16px 0}.logout-icon{width:64px;height:64px;background:rgba(246,70,93,.1);border:2px solid #f6465d;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:#f6465d;font-size:24px}.logout-confirm-info .confirm-title{color:#eaecef;font-size:18px;font-weight:600;margin-bottom:12px}.logout-confirm-info .confirm-message{color:#848e9c;font-size:14px;margin-bottom:20px;line-height:1.5}.deposit-suggestion{display:flex;align-items:flex-start;gap:12px;padding:12px;background:rgba(14,203,129,.1);border:1px solid rgba(14,203,129,.2);border-radius:8px;border-left:4px solid #0ecb81;text-align:left}.suggestion-icon{color:#0ecb81;font-size:18px;flex-shrink:0;margin-top:2px}.suggestion-text{flex:1}.suggestion-text h6{color:#0ecb81;font-size:14px;font-weight:600;margin:0 0 4px}.suggestion-text p{color:#848e9c;font-size:12px;margin:0;line-height:1.4}.transfer-instructions ol{color:#848e9c;font-size:13px;line-height:1.6;padding-left:20px}.qr-code-section{margin-top:16px;text-align:center}.qr-code-container{margin:12px 0;padding:16px;background:#1e2329;border:1px solid #2b3139;border-radius:8px;display:flex;flex-direction:column;align-items:center}.qr-code-image{width:auto;height:auto;max-width:100%;max-height:300px;border-radius:8px;border:1px solid #2b3139}.credit-card-details{margin-top:16px}.credit-card-form{background:#1e2329;border:1px solid #2b3139;border-radius:8px;padding:16px}.credit-card-form h6{color:#f0b90b;margin-bottom:16px;display:flex;align-items:center;gap:8px}.credit-card-form .form-group{margin-bottom:12px}.transaction-confirm-modal{max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}.transaction-confirm-modal .modal-body{flex:1;overflow-y:auto;max-height:calc(90vh - 150px)}.logout-confirm-modal{max-width:400px;margin:0 auto}.logout-confirm-info{text-align:center;padding:20px}.logout-icon{color:#f0b90b;font-size:48px;margin-bottom:16px}.logout-confirm-info .confirm-title{color:#f0f0f0;margin-bottom:12px;font-size:18px;font-weight:600}.logout-confirm-info .confirm-message{color:#848e9c;font-size:14px;line-height:1.5}.credit-card-form .form-row{display:flex;gap:8px;margin-bottom:12px}.credit-card-form .form-row .form-group{margin-bottom:0}.credit-card-form label{display:block;color:#eaecef;font-size:12px;font-weight:600;margin-bottom:4px}.credit-card-form input{width:100%;padding:8px 12px;background:#0b0e11;border:1px solid #2b3139;border-radius:4px;color:#eaecef;font-size:14px;box-sizing:border-box}.credit-card-form input:focus{outline:none;border-color:#f0b90b}.credit-security-note{display:flex;align-items:center;gap:8px;margin-top:12px;padding:8px 12px;background:rgba(14,203,129,.1);border:1px solid rgba(14,203,129,.3);border-radius:4px;color:#0ecb81;font-size:12px}.crypto-warning strong{color:#f0b90b}.bank-account-form{padding:16px;background:#1e2329;border:1px solid #2b3139;border-radius:8px;margin-bottom:16px}.bank-account-form h6{color:#eaecef;font-size:14px;font-weight:600;margin-bottom:16px;display:flex;align-items:center;gap:8px}.bank-account-form .form-group{margin-bottom:16px}.bank-account-form label{display:block;color:#eaecef;font-size:13px;font-weight:500;margin-bottom:6px}.bank-account-form .form-control{width:100%;padding:10px 12px;background:#2b3139;border:1px solid #3c414a;border-radius:4px;color:#eaecef;font-size:14px}.bank-account-form .form-control:focus{outline:none;border-color:#f0b90b;box-shadow:0 0 0 2px #f0b90b1a}.bank-account-form select.form-control{cursor:pointer}.withdrawal-verification{margin-top:16px}.verification-note{display:flex;align-items:center;gap:8px;padding:12px;background:rgba(240,185,11,.1);border:1px solid rgba(240,185,11,.2);border-radius:6px;color:#848e9c;font-size:12px}.withdrawal-note p{margin:0;color:#848e9c;font-size:13px}.dashboard{min-height:100vh;background:linear-gradient(135deg,#0b0e11 0%,#1a1d23 25%,#181a20 50%,#1e2329 75%,#0b0e11 100%);color:#eaecef;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-y:scroll;overflow-x:hidden;position:relative;height:100vh;animation:dashboardEntrance 1s ease-out}@keyframes dashboardEntrance{0%{opacity:0;transform:scale(.95) translateY(20px);filter:blur(8px)}to{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}}.dashboard:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="20" height="20" patternUnits="userSpaceOnUse"><path d="M 20 0 L 0 0 0 20" fill="none" stroke="%23f0b90b" stroke-width="0.3" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity:.4;animation:floatingGrid 20s linear infinite;pointer-events:none;z-index:0}@keyframes floatingGrid{0%{transform:translate(0) rotate(0)}25%{transform:translate(-10px,-5px) rotate(1deg)}50%{transform:translateY(-10px) rotate(0)}75%{transform:translate(10px,-5px) rotate(-1deg)}to{transform:translate(0) rotate(0)}}.dashboard-header{background:linear-gradient(135deg,rgba(24,26,32,.95) 0%,rgba(30,35,41,.98) 100%);border-bottom:1px solid rgba(240,185,11,.2);padding:20px 0;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(15px) saturate(1.2);backdrop-filter:blur(15px) saturate(1.2);box-shadow:0 8px 32px #0000004d,0 0 0 1px #f0b90b1a;animation:headerSlideIn .8s ease-out}@keyframes headerSlideIn{0%{opacity:0;transform:translateY(-50px);-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;transform:translateY(0);-webkit-backdrop-filter:blur(15px) saturate(1.2);backdrop-filter:blur(15px) saturate(1.2)}}.header-content{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}.brand-section{display:flex;align-items:center;gap:16px;animation:brandFloat .6s ease-out}@keyframes brandFloat{0%{opacity:0;transform:translate(-30px) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}.brand-logo{width:56px;height:56px;background:linear-gradient(135deg,#f0b90b,#fcd535,#d4a307);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#0b0e11;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 25px #f0b90b4d,0 0 0 1px #ffffff1a,inset 0 1px #fff3}.brand-logo:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 12px 35px #f0b90b66}.brand-info h1{margin:0;font-size:28px;font-weight:700;background:linear-gradient(135deg,#f0b90b,#fcd535);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:textShimmer 2s ease-in-out infinite alternate}@keyframes textShimmer{0%{filter:brightness(1)}to{filter:brightness(1.2)}}.brand-info p{margin:4px 0 0;font-size:14px;color:#848e9c;opacity:.8;animation:fadeInUp .8s ease-out .2s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:.8;transform:translateY(0)}}.header-actions{display:flex;gap:16px;align-items:center;animation:actionsSlideIn .8s ease-out .3s both}@keyframes actionsSlideIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.header-info p{color:#848e9c;margin:0;font-size:1rem;animation:textFloat 3s ease-in-out infinite}@keyframes textFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.login-action-btn{background:linear-gradient(135deg,#f0b90b,#fcd535);color:#0b0e11;border:none;border-radius:12px;padding:16px 24px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 6px 20px #f0b90b4d,0 0 0 1px #ffffff1a;position:relative;overflow:hidden}.login-action-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 30px #f0b90b66}.dashboard-nav{background:linear-gradient(135deg,rgba(24,26,32,.98) 0%,rgba(30,35,41,.95) 100%);border-bottom:1px solid rgba(43,49,57,.8);padding:12px 24px;overflow-x:auto;-webkit-backdrop-filter:blur(15px) saturate(1.2);backdrop-filter:blur(15px) saturate(1.2);position:relative;z-index:99;box-shadow:0 4px 20px #0003}.dashboard-nav:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(240,185,11,.6),transparent);animation:navGlow 3s ease-in-out infinite}@keyframes navGlow{0%,to{opacity:.3}50%{opacity:1}}.nav-tabs{max-width:1200px;margin:0 auto;display:flex;gap:8px;animation:navSlideIn .8s ease-out .4s both;justify-content:center;flex-wrap:nowrap}@keyframes navSlideIn{0%{opacity:0;transform:translateY(30px) scale(.95);filter:blur(10px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.nav-tab{padding:16px 24px;background:linear-gradient(135deg,rgba(43,49,57,.6) 0%,rgba(30,35,41,.8) 100%);border:1px solid rgba(43,49,57,.8);color:#848e9c;font-size:14px;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:10px;border-radius:16px;white-space:nowrap;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px #0003,inset 0 1px #ffffff1a;animation:tabFloat .6s ease-out;animation-delay:calc(.5s + var(--tab-index, 0) * .1s);animation-fill-mode:both}.nav-tab:nth-child(1){--tab-index: 0}.nav-tab:nth-child(2){--tab-index: 1}.nav-tab:nth-child(3){--tab-index: 2}.nav-tab:nth-child(4){--tab-index: 3}.nav-tab:nth-child(5){--tab-index: 4}@keyframes tabFloat{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.nav-tab:hover{color:#eaecef;background:linear-gradient(135deg,rgba(240,185,11,.2) 0%,rgba(252,213,53,.3) 100%);border-color:#f0b90b99;transform:translateY(-4px) scale(1.05);box-shadow:0 12px 30px #f0b90b4d,0 0 0 1px #f0b90b66,inset 0 1px #fff3}.nav-tab:hover:before{opacity:1}.nav-tab.active{color:#0b0e11;background:linear-gradient(135deg,#f0b90b 0%,#fcd535 50%,#f0b90b 100%);border-color:#f0b90b;box-shadow:0 8px 25px #f0b90b66,0 0 0 1px #f0b90bcc,inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #0000001a;transform:translateY(-2px) scale(1.02);animation:activeTabPulse 2s ease-in-out infinite}@keyframes activeTabPulse{0%,to{box-shadow:0 8px 25px #f0b90b66,0 0 0 1px #f0b90bcc,inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #0000001a}50%{box-shadow:0 12px 35px #f0b90b99,0 0 0 2px #f0b90b,inset 0 2px 4px #fff6,inset 0 -2px 4px #0000001a}}.nav-tab.active:before{opacity:0}.nav-tab i{font-size:18px;transition:all .4s cubic-bezier(.4,0,.2,1);width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.nav-tab:hover i{transform:scale(1.2) rotate(10deg);background:rgba(255,255,255,.2);box-shadow:0 4px 10px #0003}.nav-tab.active i{background:rgba(11,14,17,.2);color:#0b0e11;transform:scale(1.1);animation:iconSpin .8s ease-out}@keyframes iconSpin{0%{transform:scale(1.1) rotate(-180deg)}to{transform:scale(1.1) rotate(0)}}.nav-tab:active{transform:translateY(-1px) scale(1.02);transition:all .1s ease}.nav-tab:hover{position:relative}.nav-tab:hover:after{animation:particleFloat 1.5s ease-out infinite}@keyframes particleFloat{0%{box-shadow:0 0 #f0b90bb3,0 0 #f0b90b80,0 0 #f0b90b4d}50%{box-shadow:0 0 0 10px #f0b90b00,0 0 0 20px #f0b90b00,0 0 0 30px #f0b90b00}to{box-shadow:0 0 #f0b90b00,0 0 #f0b90b00,0 0 #f0b90b00}}.dashboard-content{max-width:1200px;margin:0 auto;padding:32px 24px;min-height:calc(100vh - 300px);overflow-y:scroll;height:auto;position:relative;z-index:2;animation:contentFadeIn 1s ease-out .5s both}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.loading-section{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;gap:20px;animation:pulseGlow 2s ease-in-out infinite}@keyframes pulseGlow{0%,to{opacity:1}50%{opacity:.7}}.spinner{width:50px;height:50px;border:4px solid rgba(43,49,57,.3);border-top:4px solid #f0b90b;border-right:4px solid #fcd535;border-radius:50%;animation:spinEnhanced 1.2s cubic-bezier(.4,0,.2,1) infinite;box-shadow:0 0 20px #f0b90b4d}@keyframes spinEnhanced{0%{transform:rotate(0);filter:hue-rotate(0deg)}to{transform:rotate(360deg);filter:hue-rotate(45deg)}}.overview-section{display:flex;flex-direction:column;gap:40px}.market-summary h2{margin:0 0 24px;font-size:24px;font-weight:600;color:#eaecef;display:flex;align-items:center;gap:12px;animation:titleSlideIn .8s ease-out}.market-summary h2:before{content:"";width:4px;height:24px;background:linear-gradient(135deg,#f0b90b,#fcd535);border-radius:2px;animation:barPulse 2s ease-in-out infinite}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;animation:gridSlideUp .8s ease-out .2s both}@keyframes gridSlideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.summary-card{background:linear-gradient(135deg,rgba(30,35,41,.95) 0%,rgba(43,49,57,.98) 100%);border:1px solid rgba(43,49,57,.8);border-radius:20px;padding:24px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0003,0 0 0 1px #ffffff0d;animation:cardFloat .6s ease-out;animation-delay:calc(var(--card-index, 0) * .1s)}@keyframes cardFloat{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.summary-card:nth-child(1){--card-index: 0}.summary-card:nth-child(2){--card-index: 1}.summary-card:nth-child(3){--card-index: 2}.summary-card:nth-child(4){--card-index: 3}.summary-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#f0b90b,#fcd535);border-radius:2px}.summary-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,transparent,rgba(240,185,11,.05),transparent);opacity:0;transition:opacity .6s ease;border-radius:20px}.summary-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #0000004d,0 0 0 1px #f0b90b4d;border-color:#f0b90b80}.summary-card:hover:after{opacity:1}.card-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.card-header i{width:40px;height:40px;background:rgba(240,185,11,.15);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#f0b90b;transition:all .3s ease;animation:iconFloat 2s ease-in-out infinite}.card-header h3{margin:0;font-size:16px;font-weight:600;color:#eaecef}.top-item{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:12px 16px;background:rgba(43,49,57,.6);border-radius:12px;transition:all .3s ease;animation:itemSlideIn .6s ease-out}@keyframes itemSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.top-item:hover{background:rgba(43,49,57,.8);transform:translate(4px)}.top-item span:first-child{color:#eaecef;font-weight:500}.price{color:#f0b90b;font-weight:600;font-family:Courier New,monospace;animation:priceGlow 3s ease-in-out infinite}@keyframes priceGlow{0%,to{text-shadow:0 0 5px rgba(240,185,11,.3)}50%{text-shadow:0 0 10px rgba(240,185,11,.5)}}.change{font-size:12px;font-weight:600;padding:6px 10px;border-radius:8px;transition:all .3s ease;animation:changeFloat 2s ease-in-out infinite}.change.positive{background:rgba(14,203,129,.2);color:#0ecb81}.change.negative{background:rgba(246,70,93,.2);color:#f6465d}.news-section h2{margin:0 0 24px;font-size:24px;font-weight:600;color:#eaecef;display:flex;align-items:center;gap:12px;animation:titleSlideIn .8s ease-out}@keyframes titleSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.news-section h2:before{content:"";width:4px;height:24px;background:linear-gradient(135deg,#2095f2,#1976d2);border-radius:2px;animation:barPulse 2s ease-in-out infinite}@keyframes barPulse{0%,to{opacity:1;transform:scaleY(1)}50%{opacity:.7;transform:scaleY(.8)}}.news-list{display:flex;flex-direction:column;gap:16px;animation:listSlideUp .8s ease-out .3s both}@keyframes listSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.news-item{display:flex;gap:16px;padding:20px;background:rgba(30,35,41,.95);border:1px solid rgba(43,49,57,.8);border-radius:16px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;animation:newsSlideIn .6s ease-out;animation-delay:calc(var(--news-index, 0) * .1s)}@keyframes newsSlideIn{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.news-item:nth-child(1){--news-index: 0}.news-item:nth-child(2){--news-index: 1}.news-item:nth-child(3){--news-index: 2}.news-item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,transparent,rgba(32,149,242,.05),transparent);opacity:0;transition:opacity .6s ease;border-radius:16px}.news-item:hover{background:rgba(43,49,57,.9);border-color:#2095f280;transform:translate(8px) translateY(-2px);box-shadow:0 8px 25px #0000004d}.news-item:hover:before{opacity:1}.news-category{width:40px;height:40px;background:rgba(32,149,242,.15);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#2095f2;font-size:16px;flex-shrink:0;transition:all .3s ease}.news-item:hover .news-category{transform:scale(1.1) rotate(5deg);background:rgba(32,149,242,.25)}.news-content{flex:1}.news-content h4{margin:0 0 8px;font-size:16px;font-weight:600;color:#eaecef;line-height:1.4;transition:color .3s ease}.news-item:hover .news-content h4{color:#2095f2}.news-content p{margin:0 0 8px;font-size:14px;color:#848e9c;line-height:1.5}.news-time{font-size:12px;color:#6c7293}.market-table{background:rgba(30,35,41,.95);border:1px solid rgba(43,49,57,.8);border-radius:16px;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0003;animation:tableSlideUp .8s ease-out}@keyframes tableSlideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.table-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:16px;padding:16px 20px;background:rgba(43,49,57,.9);font-weight:600;color:#eaecef;font-size:14px;border-bottom:1px solid rgba(240,185,11,.2)}.table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:16px;padding:16px 20px;border-bottom:1px solid rgba(43,49,57,.5);transition:all .3s ease;align-items:center;animation:rowSlideIn .5s ease-out;animation-delay:calc(var(--row-index, 0) * .05s)}@keyframes rowSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.table-row:hover{background:rgba(240,185,11,.1);transform:translate(4px);box-shadow:inset 4px 0 #f0b90b80}.table-row:last-child{border-bottom:none}.crypto-info{display:flex;align-items:center;gap:12px}.crypto-icon{width:32px;height:32px;border-radius:50%;transition:transform .3s ease}.table-row:hover .crypto-icon{transform:scale(1.1) rotate(5deg)}.crypto-name{font-weight:600;color:#eaecef;display:block}.crypto-symbol{font-size:12px;color:#848e9c;text-transform:uppercase}.market-cap{color:#848e9c;font-size:14px}.forex-pair{font-weight:600;color:#eaecef;font-family:Courier New,monospace}.trend i{font-size:16px;color:#848e9c;transition:all .3s ease}.table-row:hover .trend i{color:#f0b90b;transform:scale(1.2)}.stock-name{font-weight:600;color:#eaecef}.performance-bar{width:60px;height:8px;background:rgba(132,142,156,.2);border-radius:4px;overflow:hidden}.bar-fill{height:100%;border-radius:4px;transition:width .5s ease;animation:barGrow 2s ease-out}@keyframes barGrow{0%{width:0}to{width:var(--bar-width)}}.performance-bar.positive .bar-fill{background:linear-gradient(90deg,#0ecb81,#0bb26d);box-shadow:0 0 8px #0ecb814d}.performance-bar.negative .bar-fill{background:linear-gradient(90deg,#f6465d,#d73b52);box-shadow:0 0 8px #f6465d4d}.commodity-name{font-weight:600;color:#eaecef}.mini-chart{font-size:18px;color:#848e9c;transition:all .3s ease}.table-row:hover .mini-chart{color:#f0b90b;transform:scale(1.2)}.dashboard-footer{background:rgba(11,14,17,.95);border-top:1px solid rgba(43,49,57,.8);margin-top:60px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:footerSlideUp .8s ease-out .6s both}@keyframes footerSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.footer-content{max-width:1200px;margin:0 auto;padding:40px 24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px}.footer-section h4{margin:0 0 16px;font-size:16px;font-weight:600;color:#f0b90b;animation:textGlow 2s ease-in-out infinite alternate}@keyframes textGlow{0%{text-shadow:0 0 5px rgba(240,185,11,.3)}to{text-shadow:0 0 10px rgba(240,185,11,.5)}}.footer-section p{margin:0;color:#848e9c;line-height:1.6}.footer-section ul{list-style:none;padding:0;margin:0}.footer-section li{padding:4px 0;color:#848e9c;display:flex;align-items:center;gap:8px;transition:all .3s ease}.footer-section li:hover{color:#eaecef;transform:translate(4px)}.footer-section li i{color:#f0b90b;width:16px;transition:transform .3s ease}.footer-section li:hover i{transform:scale(1.2)}.footer-bottom{border-top:1px solid rgba(43,49,57,.8);padding:20px 24px;text-align:center}.footer-bottom p{margin:0;color:#5e6673;font-size:14px}@media (max-width: 768px){.dashboard:before{animation-duration:30s}.header-content{flex-direction:column;gap:16px;padding:0 16px}.brand-info h1{font-size:24px}.header-actions{width:100%;justify-content:center}.dashboard-nav{padding:8px 16px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.dashboard-nav::-webkit-scrollbar{display:none}.nav-tabs{gap:6px;justify-content:flex-start;min-width:max-content;padding:0 8px}.nav-tab{padding:14px 18px;font-size:12px;letter-spacing:.3px;border-radius:12px;min-width:max-content;flex-shrink:0}.nav-tab i{font-size:16px;width:18px;height:18px}.nav-tab:hover{transform:translateY(-2px) scale(1.02)}.nav-tab.active{transform:translateY(-1px) scale(1.01)}.dashboard-content{padding:24px 16px}.summary-grid{grid-template-columns:1fr;gap:16px}.table-header,.table-row{grid-template-columns:1fr;gap:8px;text-align:left}.table-header{display:none}.table-row{display:block;padding:16px}.crypto-info,.forex-pair,.stock-name,.commodity-name{font-size:16px;margin-bottom:8px}.price{font-size:18px;display:block;margin:4px 0}.change{display:inline-block;margin:4px 0}.footer-content{grid-template-columns:1fr;gap:24px;padding:32px 16px}}@media (max-width: 480px){.brand-logo{width:48px;height:48px;font-size:20px}.brand-info h1{font-size:20px}.login-action-btn{padding:12px 16px;font-size:14px}.dashboard-nav{padding:6px 12px}.nav-tabs{gap:4px;padding:0 4px}.nav-tab{padding:12px 16px;font-size:11px;letter-spacing:.2px;border-radius:10px}.nav-tab i{font-size:14px;width:16px;height:16px}.nav-tab:hover{transform:translateY(-1px) scale(1.01)}.nav-tab.active{transform:translateY(0) scale(1)}.summary-card{padding:16px}.card-header i{width:32px;height:32px;font-size:16px}.news-item{padding:16px}.news-category{width:32px;height:32px;font-size:14px}}.auth-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 40%,rgba(240,185,11,.08) 0%,transparent 50%),radial-gradient(circle at 70% 60%,rgba(14,203,129,.05) 0%,transparent 50%),rgba(11,14,17,.95);display:flex;justify-content:center;align-items:center;z-index:2000;-webkit-backdrop-filter:blur(15px) saturate(1.2);backdrop-filter:blur(15px) saturate(1.2);animation:overlayEntrance .5s cubic-bezier(.25,.46,.45,.94);perspective:1000px}.auth-modal{background:linear-gradient(145deg,rgba(24,26,32,.95) 0%,rgba(30,35,41,.98) 100%);border:2px solid rgba(240,185,11,.2);border-radius:24px;width:100%;max-width:480px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 30px 80px #0009,0 15px 40px #0006,0 0 0 1px #ffffff1a,inset 0 1px #ffffff26;animation:modalEntrance3D .8s cubic-bezier(.25,.46,.45,.94);-webkit-backdrop-filter:blur(25px) saturate(1.3);backdrop-filter:blur(25px) saturate(1.3);transform-style:preserve-3d;position:relative}@keyframes overlayEntrance{0%{opacity:0;-webkit-backdrop-filter:blur(0px) saturate(1);backdrop-filter:blur(0px) saturate(1)}to{opacity:1;-webkit-backdrop-filter:blur(15px) saturate(1.2);backdrop-filter:blur(15px) saturate(1.2)}}@keyframes modalEntrance3D{0%{opacity:0;transform:perspective(1000px) scale3d(.7,.7,.7) rotateX(45deg) rotateY(20deg) translateY(100px) translateZ(-200px);filter:blur(20px) brightness(.3)}30%{opacity:.7;transform:perspective(1000px) scale3d(.9,.9,.9) rotateX(20deg) rotateY(10deg) translateY(40px) translateZ(-100px);filter:blur(8px) brightness(.7)}70%{opacity:.95;transform:perspective(1000px) scale3d(1.05,1.05,1.05) rotateX(-5deg) rotateY(-3deg) translateY(-10px) translateZ(20px);filter:blur(2px) brightness(1.1)}to{opacity:1;transform:perspective(1000px) scaleZ(1) rotateX(0) rotateY(0) translateY(0) translateZ(0);filter:blur(0px) brightness(1)}}.auth-header{background:linear-gradient(135deg,#1e2329 0%,#181a20 100%);padding:24px;border-bottom:1px solid #2b3139;display:flex;justify-content:space-between;align-items:center;border-radius:16px 16px 0 0;flex-shrink:0}.auth-title{display:flex;align-items:center;gap:12px}.auth-icon{width:40px;height:40px;background:linear-gradient(135deg,#f0b90b,#d4a307);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#0b0e11;font-size:18px}.auth-title h4{margin:0;color:#eaecef;font-weight:600;font-size:20px}.close-btn{width:36px;height:36px;background:#2b3139;border:none;border-radius:8px;color:#848e9c;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-btn:hover{background:#3c414a;color:#eaecef}.auth-body{padding:24px;overflow-y:auto;flex:1;min-height:0}.auth-form{display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{display:flex;align-items:center;gap:8px;color:#eaecef;font-weight:600;font-size:14px}.form-label i{color:#f0b90b;font-size:16px}.form-control{width:100%;padding:12px 16px;border:2px solid #2b3139;border-radius:8px;background:#1e2329;color:#eaecef;font-size:14px;transition:all .3s ease;box-sizing:border-box}.form-control:focus{outline:none;border-color:#f0b90b;background:#2b3139;box-shadow:0 0 0 3px #f0b90b1a}.form-control::placeholder{color:#848e9c}.form-control.error{border-color:#f6465d;background:rgba(246,70,93,.05)}.password-input-container{position:relative;display:flex;align-items:center}.password-input-container .form-control{padding-right:45px}.password-toggle-btn{position:absolute;right:12px;background:none;border:none;color:#888;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center;transition:color .3s ease}.password-toggle-btn:hover{color:#fff}.password-toggle-btn i{font-size:16px}.error-text{color:#f6465d;font-size:12px;font-weight:500;margin-top:4px}.checkbox-group{margin:8px 0}.checkbox-label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;line-height:1.4}.checkbox-input{display:none}.checkbox-custom{width:20px;height:20px;border:2px solid #2b3139;border-radius:4px;background:#1e2329;position:relative;transition:all .2s ease;flex-shrink:0;margin-top:2px}.checkbox-input:checked+.checkbox-custom{background:#f0b90b;border-color:#f0b90b}.checkbox-input:checked+.checkbox-custom:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#0b0e11;font-size:12px;font-weight:700}.checkbox-text{color:#848e9c;font-size:13px}.terms-link{color:#f0b90b;text-decoration:none;transition:color .2s ease}.terms-link:hover{color:#d4a307;text-decoration:underline}.auth-submit-btn{width:100%;padding:16px 24px;background:linear-gradient(135deg,#f0b90b 0%,#fcd535 50%,#d4a307 100%);border:none;border-radius:16px;color:#0b0e11;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;transition:all .5s cubic-bezier(.25,.46,.45,.94);margin-top:12px;position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:1px;box-shadow:0 8px 25px #f0b90b66,0 0 0 2px #ffffff1a,inset 0 2px #ffffff4d;transform-style:preserve-3d}.auth-submit-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,transparent,rgba(255,255,255,.3),transparent);transform:translate(-100%);transition:transform .6s ease;border-radius:16px}.auth-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#fcd535 0%,#f0b90b 50%,#d4a307 100%);transform:perspective(500px) translateY(-8px) scale3d(1.02,1.02,1.02) rotateX(5deg);box-shadow:0 15px 40px #f0b90b80,0 8px 25px #f0b90b4d,0 0 30px #f0b90b33;letter-spacing:1.5px;filter:brightness(1.1) saturate(1.2)}.auth-submit-btn:hover:before{transform:translate(100%)}.auth-submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}.spinner{width:16px;height:16px;border:2px solid rgba(11,14,17,.3);border-top:2px solid #0b0e11;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-divider{text-align:center;margin:24px 0;position:relative}.auth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#2b3139}.auth-divider span{background:#181a20;color:#848e9c;padding:0 16px;font-size:13px;position:relative}.privacy-modal{width:600px;max-width:90vw;max-height:80vh}.privacy-content{max-height:60vh;overflow-y:auto;padding-right:8px}.privacy-section{margin-bottom:24px}.privacy-section h5{color:#f0b90b;font-size:16px;font-weight:600;margin-bottom:12px;display:flex;align-items:center;gap:8px;padding-bottom:8px;border-bottom:1px solid #2b3139}.privacy-text{color:#848e9c;font-size:14px;line-height:1.6}.privacy-text p{margin-bottom:12px}.privacy-text strong{color:#eaecef;font-weight:600}.privacy-footer{margin-top:24px;padding-top:16px;border-top:1px solid #2b3139;display:flex;justify-content:center}.privacy-footer .auth-submit-btn{width:auto;min-width:150px}.privacy-content::-webkit-scrollbar,.auth-body::-webkit-scrollbar{width:6px}.privacy-content::-webkit-scrollbar-track,.auth-body::-webkit-scrollbar-track{background:#1e2329;border-radius:3px}.privacy-content::-webkit-scrollbar-thumb,.auth-body::-webkit-scrollbar-thumb{background:#2b3139;border-radius:3px}.privacy-content::-webkit-scrollbar-thumb:hover,.auth-body::-webkit-scrollbar-thumb:hover{background:#f0b90b}.social-login{display:flex;flex-direction:column;gap:12px}.social-btn{width:100%;padding:12px 16px;border:2px solid #2b3139;border-radius:8px;background:#1e2329;color:#eaecef;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .2s ease}.social-btn:hover{background:#2b3139;border-color:#f0b90b}.google-btn:hover{border-color:#db4437;color:#db4437}.facebook-btn:hover{border-color:#4267b2;color:#4267b2}.demo-credentials{margin-bottom:16px}.demo-note{background:rgba(240,185,11,.1);border:1px solid rgba(240,185,11,.3);border-radius:8px;padding:12px 16px;color:#f0b90b;font-size:13px;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px}.demo-note i{font-size:14px}.demo-note strong{background:rgba(240,185,11,.2);padding:2px 6px;border-radius:4px;font-family:Courier New,monospace}.auth-switch{text-align:center;padding:16px 0;color:#848e9c;font-size:14px}.auth-switch span{color:#848e9c;font-size:14px;margin-right:8px}.switch-btn{background:none;border:none;color:#f0b90b;font-size:14px;font-weight:600;cursor:pointer;text-decoration:underline;transition:color .2s ease}.switch-btn:hover{color:#d4a307}@media (max-width: 480px){.auth-modal{margin:16px;max-width:calc(100% - 32px);max-height:calc(100vh - 32px)}.auth-header,.auth-body{padding:20px}.form-row{grid-template-columns:1fr;gap:12px}.auth-title h4{font-size:18px}.auth-icon{width:36px;height:36px;font-size:16px}}.unavailable-overlay{background:rgba(11,14,17,.95);animation:simpleOverlayFade .3s ease}@keyframes simpleOverlayFade{0%{opacity:0}to{opacity:1}}.unavailable-modal{width:100%;max-width:500px;background:linear-gradient(145deg,rgba(24,26,32,.98) 0%,rgba(30,35,41,.99) 100%);border:2px solid rgba(246,70,93,.2);animation:simpleModalFade .4s ease;position:relative;overflow:hidden}@keyframes simpleModalFade{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.unavailable-icon{background:linear-gradient(135deg,#f6465d,#d73b52);color:#fff}.unavailable-body{padding:32px 24px}.unavailable-content{text-align:center;display:flex;flex-direction:column;gap:32px}.unavailable-icon-large{position:relative;display:flex;justify-content:center;align-items:center;margin:0 auto}.icon-circle{width:120px;height:120px;background:radial-gradient(circle at 30% 30%,rgba(246,70,93,.2) 0%,rgba(246,70,93,.1) 100%);border:3px solid rgba(246,70,93,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#f6465d;font-size:48px;position:relative;z-index:2;box-shadow:0 0 20px #f6465d4d}.icon-waves{display:none}.unavailable-message{display:flex;flex-direction:column;gap:20px}.unavailable-message h3{color:#eaecef;font-size:24px;font-weight:700;margin:0}.unavailable-message p{color:#848e9c;font-size:16px;line-height:1.6;margin:0}.unavailable-message strong{color:#f6465d;font-weight:600}.alternative-suggestion{background:linear-gradient(135deg,rgba(240,185,11,.1) 0%,rgba(240,185,11,.05) 100%);border:1px solid rgba(240,185,11,.2);border-radius:16px;padding:20px;display:flex;gap:16px;text-align:left;position:relative;overflow:hidden}.suggestion-icon{width:50px;height:50px;background:linear-gradient(135deg,#f0b90b,#d4a307);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#0b0e11;font-size:24px;flex-shrink:0;position:relative;z-index:2}.suggestion-text{flex:1;position:relative;z-index:2}.suggestion-text h4{color:#f0b90b;font-size:16px;font-weight:600;margin:0 0 8px}.suggestion-text p{color:#848e9c;font-size:14px;line-height:1.5;margin:0}.unavailable-actions{display:flex;flex-direction:column;gap:12px}.secondary-btn{background:rgba(43,49,57,.8)!important;border:2px solid rgba(43,49,57,.8)!important;color:#eaecef!important;box-shadow:0 6px 20px #2b313966,0 0 0 1px #ffffff1a!important}.secondary-btn:hover:not(:disabled){background:rgba(240,185,11,.15)!important;border-color:#f0b90b!important;color:#f0b90b!important;box-shadow:0 8px 25px #f0b90b4d,0 0 30px #f0b90b33!important}@media (max-width: 480px){.unavailable-modal{margin:16px;max-width:calc(100% - 32px)}.unavailable-body{padding:24px 16px}.icon-circle{width:100px;height:100px;font-size:40px}.wave{width:100px;height:100px}.unavailable-message h3{font-size:20px}.unavailable-message p{font-size:14px}.alternative-suggestion{flex-direction:column;text-align:center;gap:12px}.suggestion-icon{align-self:center}}@media (max-width: 360px){.auth-modal{margin:8px;max-width:calc(100% - 16px)}.auth-header,.auth-body{padding:16px}}.balance-text{color:#0ecb81;font-weight:700;font-size:16px}.text-success{color:#0ecb81!important}.text-danger{color:#f6465d!important}.profile-warning{display:flex;align-items:center;gap:8px;padding:12px;background:rgba(246,70,93,.1);border:1px solid rgba(246,70,93,.2);border-radius:8px;color:#f6465d;font-size:14px;margin-top:12px}.profile-warning i{font-size:16px}.wallet-action-btn.transfer:hover{background:linear-gradient(135deg,#2095f2,#1976d2);transform:translateY(-2px);box-shadow:0 6px 20px #2095f24d}.wallet-action-btn.disabled{opacity:.5;cursor:not-allowed;background:#2b3139!important;color:#848e9c!important}.wallet-action-btn.disabled:hover{transform:none!important;box-shadow:none!important;background:#2b3139!important}
