@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--primary-blue: #3B82F6;--primary-blue-light: #60A5FA;--primary-blue-dark: #2563EB;--success-green: #22C55E;--success-green-light: #4ADE80;--error-red: #EF4444;--error-red-light: #F87171;--warning-yellow: #F59E0B;--gray-50: #F8F9FA;--gray-100: #F1F5F9;--gray-200: #E2E8F0;--gray-300: #CBD5E1;--gray-400: #94A3B8;--gray-500: #64748B;--gray-600: #475569;--gray-700: #334155;--gray-800: #1E293B;--gray-900: #0F172A;--white: #FFFFFF;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-responsive-sm: clamp(.5rem, 1vw, .75rem);--space-responsive-md: clamp(.75rem, 1.5vw, 1rem);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 50%;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5;color:var(--gray-900);background-color:var(--gray-50);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-synthesis:none;text-rendering:optimizeLegibility;min-width:320px;min-height:100vh}a{font-weight:500;color:var(--primary-blue);text-decoration:inherit;transition:color .2s ease}a:hover{color:var(--primary-blue-dark)}h1{font-size:2.5rem;line-height:1.1;font-weight:700;color:var(--gray-900)}.app-container{display:flex;flex-direction:column;height:100vh;width:100vw;background-color:var(--gray-50)}.task-bar{height:64px;background-color:var(--white);border-bottom:1px solid var(--gray-200);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6);box-shadow:var(--shadow-sm);z-index:1000}.task-bar-left{display:flex;align-items:center}.task-bar-right{display:flex;align-items:center;gap:var(--space-4)}.logo-container{display:flex;align-items:center;gap:var(--space-2)}.dropdown{position:relative}.dropdown-menu{position:absolute;top:calc(100% + var(--space-1));background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-2) 0;min-width:120px;max-height:280px;overflow-y:auto;box-shadow:var(--shadow-lg);z-index:9999;opacity:1;transform:translateY(0);transition:all .2s ease;pointer-events:auto}.dropdown-menu.offset-left-4{left:4px}.dropdown-menu.default{left:0}.dropdown-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);margin:0 var(--space-2);border-radius:var(--radius-sm);cursor:pointer;color:var(--gray-700);font-size:14px;transition:all .15s ease}.dropdown-item:hover{background-color:var(--gray-100);color:var(--gray-900)}.dropdown-item.active{background-color:var(--primary-blue);color:var(--white)}.main-content{display:flex;flex:1;min-height:0;gap:var(--space-6);padding:var(--space-6)}.chart-container{flex:1;background-color:var(--white);border-radius:var(--radius-xl);border:1px solid var(--gray-300);box-shadow:var(--shadow-sm);overflow:hidden;position:relative;transition:all .2s ease;display:flex;flex-direction:column}.chart-container:hover{border-color:var(--primary-blue);box-shadow:var(--shadow-md)}.chart-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--gray-200);background-color:var(--gray-50);min-height:64px}.chart-header-left,.chart-header-right{display:flex;align-items:center}.trading-pair-info{display:flex;align-items:center;gap:var(--space-4)}.current-price{font-size:16px;font-weight:600;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace}.price-change{font-size:14px;font-weight:500;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace}.chart-type-split{display:flex;background-color:var(--gray-100);border-radius:var(--radius-md);padding:var(--space-1);border:1px solid var(--gray-300)}.chart-type-btn{display:flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-3);border:none;background:transparent;color:var(--gray-600);cursor:pointer;transition:all .2s ease;border-radius:var(--radius-sm);min-width:36px;height:32px}.chart-type-btn:hover{color:var(--gray-900);background-color:#3b82f61a}.chart-type-btn.active{background-color:var(--white);color:var(--primary-blue);box-shadow:var(--shadow-sm)}.chart-type-btn svg{width:18px;height:18px}.chart-content{flex:1;position:relative;overflow:hidden}.chart-attribution{position:absolute;bottom:var(--space-3);right:var(--space-3);display:flex;align-items:center;gap:var(--space-2);background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:12px;color:var(--gray-600);font-weight:500;border:1px solid rgba(240,185,11,.3);box-shadow:0 2px 8px #0000000d,0 0 12px #f0b90b33,0 0 24px #f0b90b1a;transition:all .2s ease;z-index:10;animation:goldBreath 4s ease-in-out infinite}@keyframes goldBreath{0%,to{box-shadow:0 2px 8px #0000000d,0 0 12px #f0b90b33,0 0 24px #f0b90b1a}50%{box-shadow:0 3px 10px #00000014,0 0 18px #ffa1a1,0 0 36px #f0b90b26}}.chart-attribution:hover{background:#fffffff2;color:var(--gray-700);transform:translateY(-1px);box-shadow:0 4px 12px #0000001a,0 0 16px #f0b90b4d,0 0 32px #f0b90b33;animation:none}.chart-attribution svg{color:#f0b90b;flex-shrink:0;height:14px;width:auto}@media (max-width: 480px){.chart-attribution{bottom:var(--space-1);right:var(--space-1);padding:2px var(--space-1);font-size:9px;gap:2px}.chart-attribution svg{height:10px}}.ohlc-overlay{position:absolute;top:var(--space-4);left:var(--space-4);background-color:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--gray-900);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:13px;font-weight:500;border:1px solid var(--gray-200);box-shadow:var(--shadow-md);z-index:10}.right-panel{width:380px;min-width:320px;max-width:420px;display:flex;flex-direction:column;padding:0;height:100%}.trading-panel-content{display:flex;flex-direction:column;height:100%;padding:0}.card{background-color:var(--white);border:1px solid var(--gray-300);border-radius:var(--radius-xl);padding:clamp(var(--space-4),3vw,var(--space-6)) clamp(var(--space-4),3vw,var(--space-6)) 1px;box-shadow:var(--shadow-sm);transition:all .2s ease;display:flex;flex-direction:column;justify-content:space-evenly;height:100%}.card:hover{border-color:var(--primary-blue);box-shadow:var(--shadow-md)}.potential-payout-box{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:clamp(var(--space-2),1.5vw,var(--space-3));display:flex;flex-direction:column}.payout-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:clamp(var(--space-1),1vw,var(--space-2))}.payout-label{font-size:clamp(10px,1.5vw,12px);font-weight:500;color:var(--gray-600);text-transform:uppercase;letter-spacing:.5px}.return-rate{font-size:12px;font-weight:600;color:var(--success-green);background-color:#22c55e1a;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.payout-amount{font-size:clamp(14px,2.2vw,18px);font-weight:700;color:var(--gray-900);letter-spacing:-.5px;text-align:center}.trading-buttons-row{display:grid;grid-template-columns:1fr 1fr;gap:clamp(var(--space-2),2vw,var(--space-3))}.investment-box .investment-main-control{margin-top:clamp(var(--space-3),2vw,var(--space-4))}.investment-main-control{display:flex;align-items:center;gap:12px;margin-bottom:20px;justify-content:center}.modern-investment-btn{width:40px;height:40px;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;background:#fff}.modern-investment-btn svg{width:16px;height:16px;color:#64748b;transition:color .2s ease}.modern-investment-btn.decrease:hover{border-color:#ef4444;background:#fef2f2}.modern-investment-btn.decrease:hover svg{color:#ef4444}.modern-investment-btn.increase:hover{border-color:#22c55e;background:#f0fdf4}.modern-investment-btn.increase:hover svg{color:#22c55e}.investment-amount-display{display:flex;align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;padding:12px 16px;position:relative;transition:all .2s ease}.investment-amount-display:focus-within{border-color:#3b82f6;background:#fff}.currency-prefix{font-size:20px;font-weight:600;color:#64748b;margin-right:4px;font-family:Inter,system-ui,sans-serif}.investment-input{border:none;outline:none;font-size:clamp(18px,3vw,24px);font-weight:700;color:#1e293b;background:transparent;width:80px;text-align:center;font-family:Inter,system-ui,sans-serif}.investment-input::-webkit-outer-spin-button,.investment-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.investment-input[type=number]{-moz-appearance:textfield}.investment-presets-modern{text-align:center}.presets-label{font-size:12px;font-weight:500;color:#64748b;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px;font-family:Inter,system-ui,sans-serif}.presets-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.modern-preset-btn{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px 8px;cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:600;color:#64748b;font-family:Inter,system-ui,sans-serif}.modern-preset-btn:hover{border-color:#3b82f6;background:#fff;color:#3b82f6}.modern-preset-btn.active{border-color:#3b82f6;background:#3b82f6;color:#fff}.wallet-card{position:relative;min-width:120px;max-width:155px;width:fit-content;height:48px;background:linear-gradient(135deg,#fff,#f8fafc);padding:6px 12px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 16px #00000026;border-radius:16px;overflow:visible}.wallet-content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left;flex:1;gap:2px;min-width:0}.wallet-balance{display:flex;align-items:baseline;gap:4px;min-width:0;white-space:nowrap}.currency-symbol{font-size:12px;font-weight:500;color:var(--gray-600);font-family:Inter,sans-serif}.amount{font-size:18px;font-weight:600;color:var(--gray-900);letter-spacing:0;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,Courier New,monospace;line-height:1;transition:all .3s cubic-bezier(.4,0,.2,1)}.balance-updated .amount{animation:balanceFlash .6s ease-out}@keyframes balanceFlash{0%{transform:scale(1);color:var(--gray-900)}15%{transform:scale(1.05);color:var(--success-green)}30%{transform:scale(1.02);color:var(--success-green)}to{transform:scale(1);color:var(--gray-900)}}.amount.counting{animation:balanceCount .8s ease-out}@keyframes balanceCount{0%{opacity:.7}50%{opacity:1}to{opacity:1}}.wallet-type{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);background-color:var(--white);padding:2px 6px;font-size:8px;font-weight:600;color:var(--primary-blue);text-transform:uppercase;letter-spacing:.5px;font-family:Inter,sans-serif;white-space:nowrap;z-index:2;border-radius:6px}.wallet-card.error .wallet-front{animation:errorShake .5s ease-in-out}@keyframes errorShake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}@keyframes floatRotate{0%,to{transform:translateY(0) rotate(0) scale(1.2)}25%{transform:translateY(-2px) rotate(5deg) scale(1.05)}50%{transform:translateY(-3px) rotate(-3deg) scale(1.08)}75%{transform:translateY(-1px) rotate(2deg) scale(1.05)}}.wallet-card-selector{position:relative;width:280px;background:var(--white);border:1px solid var(--gray-200);border-radius:16px;padding:20px;box-shadow:0 4px 6px #0000000d;font-family:Inter,sans-serif;z-index:1000}.selector-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.selector-header h3{font-size:16px;font-weight:600;color:var(--gray-900);margin:0}.theme-toggle{background:var(--gray-100);border:none;border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:16px}.theme-toggle:hover{background:var(--gray-200);transform:scale(1.05)}.current-selection{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:12px;cursor:pointer;transition:all .2s ease;margin-bottom:8px}.current-selection:hover{border-color:var(--primary-blue);background:#3b82f60d}.current-info{flex:1;display:flex;flex-direction:column;gap:2px}.current-name{font-size:14px;font-weight:500;color:var(--gray-900)}.current-desc{font-size:12px;color:var(--gray-600)}.selector-dropdown-btn{background:none;border:none;color:var(--gray-500);cursor:pointer;transition:all .2s ease;padding:4px;border-radius:4px}.selector-dropdown-btn:hover{background:var(--gray-200);color:var(--gray-700)}.selector-dropdown-btn svg{width:16px;height:16px}.selector-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--white);border:1px solid var(--gray-200);border-radius:12px;box-shadow:0 8px 25px #0000001a;z-index:1001;max-height:300px;overflow-y:auto;margin-top:4px}.dropdown-option{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border:none;background:none;cursor:pointer;transition:all .2s ease;border-bottom:1px solid var(--gray-100)}.dropdown-option:last-child{border-bottom:none}.dropdown-option:hover{background:var(--gray-50)}.dropdown-option.active{background:#3b82f60d;border-left:3px solid var(--primary-blue)}.option-content{flex:1;display:flex;flex-direction:column;gap:2px;text-align:left}.option-name{font-size:14px;font-weight:500;color:var(--gray-900)}.option-desc{font-size:12px;color:var(--gray-600)}.option-check{color:var(--primary-blue);font-weight:600;font-size:14px}.selector-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999}:root{--wallet-primary: var(--primary-blue);--wallet-success: var(--success-green);--wallet-background: var(--white);--wallet-text: var(--gray-900);--wallet-border: var(--gray-200)}:root.dark-theme{--wallet-primary: #60A5FA;--wallet-success: #4ADE80;--wallet-background: #0F172A;--wallet-text: #F8FAFC;--wallet-border: #334155}@media (max-width: 768px){.wallet-card-selector{width:100%;max-width:320px;margin:0 auto}.selector-dropdown{max-height:200px}}.wallet-actions{display:flex;gap:var(--space-2)}.wallet-action-container{position:relative;display:flex;align-items:center}.wallet-action-btn{width:48px;height:48px;background:linear-gradient(135deg,var(--success-green) 0%,#16a34a 100%);border:none;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #22c55e26;position:relative;overflow:hidden}.wallet-action-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #22c55e40;background:linear-gradient(135deg,#16a34a,#15803d)}.wallet-action-btn:active{transform:translateY(0);box-shadow:0 2px 6px #22c55e33}.wallet-action-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:walletShimmer 4s infinite}@keyframes walletShimmer{0%{left:-100%}25%{left:100%}to{left:100%}}.wallet-action-btn .wallet-icon{width:28px;height:28px;color:#fff}.wallet-action-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-2);box-shadow:var(--shadow-lg);z-index:1000;min-width:140px;animation:dropdownFadeIn .15s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.wallet-action-item{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:14px;font-weight:500;transition:all .15s ease;color:var(--gray-700)}.wallet-action-item:hover{background:var(--gray-100);color:var(--gray-900)}.wallet-action-item.deposit:hover{background:#22c55e1a;color:var(--success-green)}.wallet-action-item.withdraw:hover{background:#3b82f61a;color:var(--primary-blue)}.wallet-action-item svg{width:16px;height:16px;stroke-width:2}.wallet-action-item span{font-weight:500}.time-box,.investment-box{position:relative;background-color:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:clamp(var(--space-3),2vw,var(--space-4));text-align:center;overflow:visible}.expire-label,.investment-label{position:absolute;top:-10px;left:50%;transform:translate(-50%);background-color:var(--white);padding:0 var(--space-3);font-size:clamp(10px,1.5vw,12px);font-weight:600;color:var(--gray-600);text-transform:uppercase;letter-spacing:.5px}.value-container{display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.time-value,.investment-value{font-size:clamp(16px,2.5vw,20px);font-weight:700;color:var(--gray-900);letter-spacing:1px}.time-value.expiring{color:var(--error-red);animation:expiringPulse 1s infinite}@keyframes expiringPulse{0%,to{opacity:1}50%{opacity:.6}}.progress-container{position:absolute;bottom:0;left:0;right:0;height:4px;background-color:var(--gray-200);border-radius:0 0 var(--radius-lg) var(--radius-lg);overflow:hidden}.progress-bar{height:100%;background-color:var(--success-green);border-radius:0 0 var(--radius-lg) var(--radius-lg);transition:width .5s ease;width:100%}.investment-presets{display:flex;gap:var(--space-2);justify-content:center;margin-top:var(--space-4)}.preset-btn{padding:var(--space-1) var(--space-3);background-color:var(--gray-100);border:1px solid var(--gray-300);border-radius:var(--radius-sm);color:var(--gray-700);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:36px}.preset-btn:hover{background-color:var(--gray-200);border-color:var(--gray-400);color:var(--gray-900)}.preset-btn:active{transform:scale(.95)}.trading-button{width:100%;padding:var(--space-4) var(--space-6);border:none;border-radius:var(--radius-lg);font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:all .2s ease;position:relative;overflow:hidden}.trading-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);transform:translate(-100%);transition:transform .6s ease}.trading-button:hover:before{transform:translate(100%)}.trading-button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.button-text{font-size:16px;font-weight:600}.arrow-container{width:32px;height:32px;background-color:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center}.arrow-icon{width:18px;height:18px}.trade-history{background-color:var(--white);border:1px solid var(--gray-300);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:all .2s ease}.trade-history:hover{border-color:var(--primary-blue);box-shadow:var(--shadow-md)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--white);color:var(--gray-900);padding:var(--space-8);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:400px;max-width:calc(100vw - var(--space-8));max-height:calc(100vh - var(--space-8));overflow-y:auto;position:relative}@media (min-width: 640px) and (max-height: 700px){.modal-content{width:min(80vw,800px);max-width:calc(100vw - var(--space-8))}}.modal-close{position:absolute;top:var(--space-4);right:var(--space-4);background:var(--gray-100);border:none;width:32px;height:32px;border-radius:50%;font-size:18px;cursor:pointer;color:var(--gray-600);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:var(--gray-200);color:var(--gray-900)}.modal-tabs{display:flex;background-color:var(--gray-100);border-radius:var(--radius-md);padding:var(--space-1);margin-bottom:var(--space-6)}.modal-tabs button{flex:1;padding:var(--space-3) var(--space-4);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:14px;font-weight:600;color:var(--gray-600);transition:all .2s ease}.modal-tabs button:hover{color:var(--gray-900)}.modal-tabs button.active{background:var(--white);color:var(--primary-blue);box-shadow:var(--shadow-sm)}.modal-body form{display:flex;flex-direction:column;gap:var(--space-4)}.modal-content input{background:var(--white);color:var(--gray-900);border:1px solid var(--gray-300);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:14px;transition:all .2s ease}.modal-content input:focus,.form-group input:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #3b82f61a}.modal-content input::placeholder,.form-group input::placeholder{color:var(--gray-400)}.modal-content button[type=submit]{background:var(--primary-blue);color:var(--white);border:none;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.modal-content button[type=submit]:hover{background:var(--primary-blue-dark)}.modal-content button[type=submit]:disabled{opacity:.6;cursor:not-allowed}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:linear-gradient(135deg,var(--gray-50) 0%,var(--white) 100%);color:var(--gray-900)}.loading-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-6)}.loading-logo{position:relative;display:flex;align-items:center;justify-content:center}.app-loading-spinner{position:absolute;width:80px;height:80px;border:3px solid rgba(59,130,246,.1);border-top:3px solid var(--primary-blue);border-radius:50%;animation:appLoadingSpin 1.5s cubic-bezier(.25,.46,.45,.94) infinite;z-index:1}.loading-brand{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.loading-text{font-size:16px;font-weight:500;color:var(--gray-600);letter-spacing:.5px;animation:fadeInUp 1s ease-out .3s both}@keyframes appLoadingSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes logoFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.05)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.notification{position:fixed;bottom:-100px;right:var(--space-6);min-width:350px;max-width:450px;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:var(--space-3);transition:all .3s ease;z-index:1000;opacity:0}.notification.show{bottom:var(--space-6);opacity:1}.notification-icon{flex-shrink:0;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center}.notification-content{flex:1}.notification-message{font-size:14px;font-weight:500;margin:0}.spinner{animation:connectionSpin 1s linear infinite}.profile-dropdown{position:relative}.profile-trigger{display:flex;align-items:center;background:transparent;border:1px solid var(--gray-300);border-radius:var(--radius-lg);padding:var(--space-2);cursor:pointer;transition:all .15s ease;position:relative}.profile-trigger:hover{border-color:var(--primary-blue);background:var(--gray-50)}.profile-trigger.logged-in{background:var(--white);box-shadow:var(--shadow-sm)}.profile-trigger.logged-out{background:var(--primary-blue);border-color:var(--primary-blue);color:var(--white);padding:var(--space-2) var(--space-4);gap:var(--space-2)}.profile-trigger.logged-out:hover{background:var(--primary-blue-dark);border-color:var(--primary-blue-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.profile-avatar{position:relative;display:flex;align-items:center}.avatar-circle{width:32px;height:32px;background:linear-gradient(135deg,var(--primary-blue) 0%,var(--primary-blue-light) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);position:relative}.avatar-icon{width:18px;height:18px}.status-indicator{position:absolute;bottom:-2px;right:-2px;width:12px;height:12px;background:var(--success-green);border:2px solid var(--white);border-radius:50%;box-shadow:var(--shadow-sm)}.status-indicator.connected{background:var(--success-green)}.status-indicator.disconnected{background:var(--error-red)}.status-indicator.connecting{background:var(--primary-blue);animation:statusPulse 2s infinite}.status-indicator.reconnecting{background:var(--warning-yellow);animation:statusPulse 1s infinite}.status-emoji{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:8px;z-index:1}.status-indicator.connecting .status-emoji{animation:connectionSpin 1s linear infinite}.status-indicator.reconnecting .status-emoji{animation:statusPulse .8s infinite}.auth-buttons{display:flex;gap:var(--space-2);align-items:center}.login-button,.register-button{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;border:1px solid}.auth-icon{width:16px;height:16px}.login-button{background:transparent;border-color:var(--gray-300);color:var(--gray-700)}.login-button:hover{border-color:var(--primary-blue);background:var(--gray-50);color:var(--primary-blue)}.register-button{background:var(--primary-blue);border-color:var(--primary-blue);color:var(--white);position:relative;overflow:hidden}.register-button:hover{background:var(--primary-blue-dark);border-color:var(--primary-blue-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.register-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.register-button:hover:before{left:100%}.task-bar-right{position:relative}.logout-overlay{position:absolute;top:50%;right:0;transform:translateY(-50%);display:flex;align-items:center;gap:var(--space-2);background:#3b82f6e6;color:#fff;padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);font-size:14px;font-weight:500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000}.logout-spinner{display:flex;align-items:center;justify-content:center}.spinner-icon{width:18px;height:18px;animation:spin 1s linear infinite}.logout-text{white-space:nowrap}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.profile-menu{position:absolute;top:calc(100% + var(--space-2));right:0;min-width:280px;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--space-4);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;z-index:9999;animation:profileSlideDown .2s ease-out}@keyframes profileSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.profile-header{display:flex;align-items:center;gap:var(--space-3)}.profile-info{flex:1}.profile-name{font-size:16px;font-weight:600;color:var(--gray-900);margin-bottom:var(--space-1)}.profile-status{display:flex;align-items:center;gap:var(--space-2);font-size:13px;color:var(--gray-600)}.status-dot{width:8px;height:8px;background:var(--success-green);border-radius:50%;display:inline-block;position:relative}.status-dot.connected{background:var(--success-green)}.status-dot.disconnected{background:var(--error-red)}.status-dot.connecting{background:var(--primary-blue);animation:statusPulse 2s infinite}.status-dot.reconnecting{background:var(--warning-yellow);animation:statusPulse 1s infinite}.status-emoji-small{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:6px;z-index:1}.status-dot.connecting .status-emoji-small{animation:connectionSpin 1s linear infinite}.status-dot.reconnecting .status-emoji-small{animation:statusPulse .8s infinite}.connection-details{margin-top:var(--space-1)}.connection-text{font-size:10px;color:var(--gray-500);font-weight:400}.menu-divider{height:1px;background:var(--gray-200);margin:var(--space-4) 0}.menu-section{display:flex;flex-direction:column;gap:var(--space-1)}.menu-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);cursor:pointer;color:var(--gray-700);font-size:14px;font-weight:500;transition:all .15s ease;position:relative}.menu-item:hover{background:var(--gray-50);color:var(--gray-900);transform:translate(2px)}.menu-item:active{background:var(--gray-100);transform:translate(0)}.menu-icon{width:18px;height:18px;flex-shrink:0;color:var(--gray-500);transition:color .15s ease}.menu-item:hover .menu-icon{color:var(--primary-blue)}.logout-item{color:var(--error-red)}.logout-item:hover{background:#ef44440d;color:var(--error-red)}.logout-item:hover .menu-icon{color:var(--error-red)}.wallet-item.deposit{color:var(--success-green)}.wallet-item.deposit:hover{background:#22c55e0d;color:var(--success-green)}.wallet-item.deposit:hover .menu-icon{color:var(--success-green)}.wallet-item.withdraw{color:var(--gray-700)}.wallet-item.withdraw:hover{background:var(--gray-50);color:var(--gray-900)}.wallet-item.withdraw:hover .menu-icon{color:var(--gray-600)}.interval-row{padding-bottom:clamp(var(--space-3),2vw,var(--space-4));border-bottom:1px solid var(--gray-200)}.trading-pair-button{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:transparent;border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:16px;font-weight:700;color:var(--gray-900);cursor:pointer;transition:all .2s ease;min-width:110px;justify-content:space-between}.trading-pair-button:hover{background:var(--gray-100);border-color:var(--gray-400)}.interval-selector{display:flex;background:var(--gray-100);border-radius:var(--radius-md);padding:var(--space-1);gap:var(--space-1)}.interval-btn{padding:var(--space-1) var(--space-2);border:none;border-radius:var(--radius-sm);font-size:12px;font-weight:600;background:transparent;color:var(--gray-600);cursor:pointer;transition:all .2s ease;min-width:30px;flex:1;text-align:center}.interval-btn:hover{color:var(--gray-900)}.interval-btn.active{background:var(--white);color:var(--primary-blue);box-shadow:var(--shadow-sm)}.interval-btn.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}@media (max-height: 630px) and (min-width: 901px){.main-content{flex-direction:column;gap:var(--space-3);padding:var(--space-3);height:100%;min-height:0}.right-panel{width:100%!important;max-width:100%!important;min-width:unset!important;flex:1;display:flex;flex-direction:column}.trading-panel-content{flex:1;display:flex;flex-direction:column}.card{width:100%;flex:1;padding:var(--space-3) var(--space-4) 1px;gap:var(--space-2);display:flex;flex-direction:column}.chart-container{height:40vh;min-height:250px;flex-shrink:0}.overlay-content{max-height:70vh}.time-box,.investment-box{padding:var(--space-2) var(--space-3);margin-bottom:0;flex:1;display:flex;flex-direction:column;justify-content:center}.expire-label,.investment-label{top:-8px;font-size:10px;padding:0 var(--space-2)}.time-value,.investment-value{font-size:16px}.trading-buttons-row{flex:1;display:grid;align-content:center;grid-template-columns:1fr 1fr;gap:var(--space-2)}.potential-payout-box{flex:1;display:flex;flex-direction:column;justify-content:center}.investment-main-control{gap:8px;margin-bottom:12px;margin-top:var(--space-2)}.modern-investment-btn{width:32px;height:32px}.investment-amount-display{padding:8px 12px}.currency-prefix{font-size:16px}.investment-input{font-size:18px;width:70px}.presets-grid{grid-template-columns:repeat(4,1fr);gap:6px}.modern-preset-btn{padding:8px 6px;font-size:12px}.potential-payout-box{padding:var(--space-2)}.payout-amount{font-size:16px}.trading-buttons-row{gap:var(--space-2)}.trading-button{padding:var(--space-3) var(--space-4)}.button-text{font-size:14px}.arrow-container{width:28px;height:28px}.arrow-icon{width:16px;height:16px}}@media (max-width: 1200px){.right-panel{width:340px;min-width:300px}.main-content{gap:var(--space-4);padding:var(--space-4)}.card{padding:var(--space-4)}.trade-history{min-height:180px}}@media (max-width: 900px){.main-content{flex-direction:column;gap:var(--space-3);height:100%;min-height:0}.right-panel{width:100%;max-width:100%;min-width:unset;flex:1;display:flex;flex-direction:column}.trading-panel-content{flex:1;display:flex;flex-direction:column}.card{width:100%;flex:1;gap:var(--space-2);display:flex;flex-direction:column}.chart-container{height:45vh;min-height:300px;flex-shrink:0}.overlay-content{max-height:70vh}.time-box,.investment-box{padding:var(--space-3);flex:1;display:flex;flex-direction:column;justify-content:center}.expire-label,.investment-label{top:-8px;font-size:9px;padding:0 var(--space-2)}.potential-payout-box{padding:var(--space-3);flex:1;display:flex;flex-direction:column;justify-content:center}.trading-buttons-row{flex:1;display:grid;align-content:center}}@media (max-width: 480px){.app-container{height:100vh;height:100dvh}.task-bar{height:60px;padding:0 var(--space-3);flex-wrap:wrap}.main-content{flex-direction:column;padding:var(--space-2);gap:var(--space-2);height:100%;min-height:0}.right-panel,.trading-panel-content{flex:1;display:flex;flex-direction:column}.card{padding:var(--space-2) var(--space-3) 1px;gap:var(--space-1);flex:1;display:flex;flex-direction:column}.payout-amount{font-size:14px}.payout-label{font-size:9px}.return-rate{font-size:10px;padding:1px var(--space-1)}.time-box,.investment-box{padding:var(--space-2);margin-bottom:0;flex:1;display:flex;flex-direction:column;justify-content:center}.expire-label,.investment-label{top:-6px;font-size:8px;padding:0 var(--space-1);background-color:var(--white);z-index:1}.time-value,.investment-value{font-size:14px}.trading-buttons-row{grid-template-columns:1fr;gap:var(--space-1);flex:1;display:grid;align-content:center}.potential-payout-box{padding:var(--space-2);flex:1;display:flex;flex-direction:column;justify-content:center}.button-text{font-size:14px}.arrow-container{width:24px;height:24px}.arrow-icon{width:14px;height:14px}.chart-container{height:40vh;min-height:250px}.modal-content{width:calc(100vw - var(--space-6));padding:var(--space-6)}.notification{right:var(--space-3);left:var(--space-3);width:auto;min-width:unset;max-width:unset}.investment-main-control{gap:4px;margin-bottom:8px;margin-top:var(--space-1)}.modern-investment-btn{width:28px;height:28px}.modern-investment-btn svg{width:12px;height:12px}.investment-amount-display{padding:6px 10px}.currency-prefix{font-size:14px}.investment-input{width:50px;font-size:16px}.presets-grid{grid-template-columns:repeat(2,1fr);gap:4px}.modern-preset-btn{padding:6px 4px;font-size:11px}.presets-label{font-size:9px;margin-bottom:6px}.interval-row{padding-bottom:var(--space-1)}.interval-btn{padding:2px var(--space-1);font-size:10px;min-width:24px}.overlay-content{max-height:85vh}.overlay-header{padding:var(--space-3)}.trade-history-toggle-btn-small{padding:1px var(--space-1);font-size:9px;margin-top:auto;margin-bottom:0}.toggle-icon-small{width:10px;height:10px}.trade-count-small{font-size:7px;padding:1px 2px;min-width:10px}}@media (max-width: 320px){.main-content{padding:var(--space-2)}.card{padding:var(--space-3)}.task-bar{padding:0 var(--space-2)}}.trade-buttons-container{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-top:var(--space-3)}.trade-history-toggle-btn-small{display:flex;align-items:center;justify-content:center;gap:var(--space-1);padding:2px var(--space-1);background:transparent;border:none;border-radius:var(--radius-sm);color:var(--gray-500);font-size:11px;font-weight:500;cursor:pointer;transition:all .2s ease;width:fit-content;align-self:center}.trade-history-toggle-btn-small:hover{background:var(--gray-100);color:var(--primary-blue);transform:translateY(-1px)}.toggle-icon-small{width:14px;height:14px}.trade-count-small{background:var(--primary-blue);color:#fff;font-size:9px;padding:1px 4px;border-radius:8px;font-weight:600;min-width:14px;text-align:center;line-height:1.2}.trade-history-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:2000;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);background:#000c}.trade-history-overlay.show{opacity:1;visibility:visible}.overlay-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:#a5a5a599;-webkit-backdrop-filter:blur(.5px);backdrop-filter:blur(.5px);cursor:pointer}.overlay-content{position:absolute;bottom:0;left:0;right:0;background:var(--white);border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:0 -20px 40px #00000026,0 -8px 16px #0000001a;max-height:85vh;transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.trade-history-overlay.show .overlay-content{transform:translateY(0)}.overlay-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6) var(--space-4) var(--space-6);border-bottom:1px solid var(--gray-200);background:linear-gradient(135deg,var(--gray-50) 0%,var(--white) 100%);border-radius:var(--radius-xl) var(--radius-xl) 0 0;position:relative}.overlay-header:before{content:"";position:absolute;top:12px;left:50%;transform:translate(-50%);width:40px;height:4px;background:var(--gray-300);border-radius:var(--radius-full)}.overlay-title{font-size:20px;font-weight:700;color:var(--gray-900);margin:0;letter-spacing:-.025em}.overlay-close-btn{width:36px;height:36px;background:var(--white);border:1px solid var(--gray-300);border-radius:var(--radius-lg);color:var(--gray-600);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:var(--shadow-sm)}.overlay-close-btn:hover{background:var(--gray-100);border-color:var(--gray-400);color:var(--gray-800);transform:scale(1.05);box-shadow:var(--shadow-md)}.overlay-close-btn:active{transform:scale(.95)}.overlay-close-btn svg{width:18px;height:18px;stroke-width:2.5}.overlay-body{flex:1;overflow:hidden;padding:0;background:var(--white);display:flex;flex-direction:column}.overlay-body .trade-history{border:none;border-radius:0;box-shadow:none;height:100%;background:var(--white);display:flex;flex-direction:column}.overlay-body .trade-history:hover{border:none;box-shadow:none}.overlay-body .trade-list-container{flex:1;padding:0 var(--space-4) var(--space-4) var(--space-4);overflow-y:auto;min-height:0}.overlay-body .empty-state{padding:var(--space-8) var(--space-4);text-align:center;color:var(--gray-500)}.overlay-body .empty-state-icon{width:48px;height:48px;margin:0 auto var(--space-3) auto;color:var(--gray-400)}.overlay-body .empty-state p{font-size:16px;font-weight:500;margin:0}.trade-history-header{padding:var(--space-responsive-sm) var(--space-responsive-md);border-bottom:1px solid var(--gray-100);display:flex;justify-content:space-between;align-items:center;background-color:var(--gray-50);flex-shrink:0}.trade-history-title{font-size:clamp(13px,2vw,15px);font-weight:600;color:var(--gray-900)}.trade-view-toggle{display:flex;background:var(--gray-100);border-radius:var(--radius-lg);padding:4px;margin:var(--space-4) var(--space-4) 0 var(--space-4);border:1px solid var(--gray-200)}.toggle-btn{padding:var(--space-2) var(--space-4);font-size:13px;font-weight:600;color:var(--gray-600);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;position:relative;flex:1}.toggle-btn:hover{color:var(--gray-800)}.toggle-btn.active{background:var(--white);color:var(--primary-blue);font-weight:700;box-shadow:0 2px 8px #0000001a,0 1px 2px #0000000f;transform:translateY(-1px)}.toggle-btn .count{position:absolute;top:-6px;right:-6px;background:var(--error-red);color:#fff;font-size:10px;padding:2px 5px;border-radius:10px;font-weight:700;min-width:18px;text-align:center;line-height:1;border:2px solid var(--white);box-shadow:var(--shadow-sm)}.trade-list-container{flex:1;overflow-y:auto;min-height:0;max-height:calc(80vh - 140px)}.trade-list-item{padding:var(--space-responsive-sm) var(--space-responsive-md);border-bottom:1px solid var(--gray-100);display:flex;align-items:center;transition:all .15s ease;cursor:pointer}.trade-list-item:last-child{border-bottom:none}.trade-list-item:hover{background:var(--gray-50)}.trade-indicator{width:3px;height:clamp(24px,4vw,32px);border-radius:2px;margin-right:clamp(8px,2vw,16px);flex-shrink:0}.trade-indicator.up{background:var(--success-green)}.trade-indicator.down{background:var(--error-red)}.trade-indicator.pending{background:var(--primary-blue);animation:statusPulse 2s infinite}.trade-content{flex:1;display:flex;justify-content:space-between;align-items:center}.trade-content-left{display:flex;align-items:center;gap:20px}.trade-info-main{display:flex;flex-direction:column;gap:2px}.trade-pair-row{display:flex;align-items:center;gap:8px}.trade-pair-name{font-weight:600;font-size:clamp(12px,1.8vw,14px);color:var(--gray-900)}.trade-interval{font-size:11px;color:var(--gray-500);background:var(--gray-100);padding:2px 6px;border-radius:var(--radius-sm);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.trade-direction-arrow{font-size:12px;font-weight:600}.trade-direction-arrow.up{color:var(--success-green)}.trade-direction-arrow.down{color:var(--error-red)}.price-label,.trade-investment-label{font-size:11px;color:var(--gray-500);font-weight:500}.trade-entry-price,.trade-current-price,.trade-investment{font-size:12px;color:var(--gray-600);font-weight:600;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace}.trade-current-price.winning{color:var(--success-green)}.trade-current-price.losing{color:var(--error-red)}.trade-investment-row{display:flex;align-items:center;gap:var(--space-1);margin-top:2px}.trade-content-right{text-align:right;display:flex;flex-direction:column;gap:2px}.trade-pnl{font-size:14px;font-weight:600;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace}.trade-pnl.positive{color:var(--success-green)}.trade-pnl.negative{color:var(--error-red)}.trade-pnl.neutral{color:var(--gray-600)}.trade-time-info{font-size:12px;color:var(--gray-500)}.trade-time-info.active{color:var(--primary-blue);font-weight:500}.empty-state{padding:clamp(30px,5vw,60px) clamp(20px,4vw,40px);text-align:center;color:var(--gray-500);font-size:clamp(12px,1.8vw,14px)}.empty-state-icon{width:48px;height:48px;margin:0 auto 16px;color:var(--gray-300)}.error-icon{width:48px;height:48px;margin:0 auto 16px;color:#dc2626}.error-state{text-align:center;padding:var(--space-8);color:var(--gray-600)}.error-state p{margin:0 0 var(--space-2) 0;font-weight:500;color:var(--gray-700)}.error-state .error-message{font-size:14px;color:#dc2626;margin-bottom:var(--space-4)}.retry-btn{background:var(--primary-blue);color:var(--white);border:none;border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.retry-btn:hover{background:var(--primary-blue-dark);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.retry-btn:active{transform:translateY(0)}.connection-status-container{position:relative;margin-left:var(--space-3)}.connection-status-indicator{display:flex;align-items:center;gap:var(--space-2);background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-3);cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden;min-width:120px;-webkit-user-select:none;user-select:none}.connection-status-indicator:hover{background:var(--gray-50);border-color:var(--gray-300);transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.status-icon{font-size:14px;display:flex;align-items:center;justify-content:center;animation:statusPulse 2s infinite}.connection-status-indicator.connecting .status-icon,.connection-status-indicator.reconnecting .status-icon{animation:connectionSpin 1s linear infinite}.status-text{font-size:12px;font-weight:500;color:var(--gray-700);white-space:nowrap}.status-pulse{position:absolute;top:0;left:0;width:100%;height:2px;opacity:.8;animation:pulse-bar 2s ease-in-out infinite}.connection-status-indicator.connected .status-pulse{animation:pulse-bar 3s ease-in-out infinite}.connection-status-indicator.connecting .status-pulse,.connection-status-indicator.reconnecting .status-pulse{animation:loading-bar 1.5s ease-in-out infinite}.connection-details-popup{position:absolute;top:calc(100% + 8px);right:0;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:0 10px 25px #00000026;z-index:1000;min-width:220px;overflow:hidden;animation:connectionSlideDown .2s ease-out}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes connectionSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-bar{0%,to{opacity:.8;transform:scaleX(1)}50%{opacity:.4;transform:scaleX(.95)}}@keyframes loading-bar{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes connectionSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.wallet-balance.balance-updated{animation-name:balanceUpdatePulse;animation-duration:.5s;animation-timing-function:ease-in-out}@keyframes balanceUpdatePulse{10%{transform:rotate(-15deg)}20%{transform:rotate(0)}30%{transform:rotate(+15deg)}40%{transform:rotate(0)}50%{transform:rotate(-15deg)}60%{transform:rotate(0)}70%{transform:rotate(+15deg)}80%{transform:rotate(0)}}.pagination-container{padding:16px 20px;border-top:1px solid var(--gray-200);background:var(--gray-50)}.pagination-info{margin-bottom:12px;text-align:center}.pagination-info span{font-size:12px;color:var(--gray-600);font-weight:500}.pagination-controls{display:flex;align-items:center;justify-content:center;gap:8px}.pagination-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#fff;border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:12px;font-weight:500;color:var(--gray-700);cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(.disabled){background:var(--gray-50);border-color:var(--gray-400)}.pagination-btn.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.pagination-numbers{display:flex;align-items:center;gap:4px;margin:0 8px}.pagination-number{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:12px;font-weight:500;color:var(--gray-700);cursor:pointer;transition:all .2s ease}.pagination-number:hover:not(.disabled){background:var(--gray-50);border-color:var(--gray-400)}.pagination-number.active{background:var(--primary-blue);border-color:var(--primary-blue);color:#fff}.pagination-number.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.pagination-ellipsis{padding:8px 4px;color:var(--gray-500);font-size:12px}.trade-list-item.clickable{cursor:pointer;transition:background-color .2s ease}.trade-list-item.clickable:hover{background-color:var(--gray-50)}.overlay-body .pagination-container{flex-shrink:0;margin-top:auto}.signup-form{width:100%}@media (min-width: 640px) and (max-height: 700px){.signup-form form{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);align-items:start}.signup-form .form-group:nth-child(6),.signup-form .form-group:nth-child(7),.signup-form .signup-button{grid-column:1 / -1}.signup-form .form-group{margin-bottom:var(--space-2)}}.form-group{margin-bottom:var(--space-4)}.form-group input{width:100%;background:var(--white);color:var(--gray-900);border:1px solid var(--gray-300);border-radius:var(--radius-md);padding:var(--space-3);font-size:14px;transition:border-color .2s ease,box-shadow .2s ease}.form-group input.error{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.error-text{display:block;color:#dc2626;font-size:12px;margin-top:var(--space-1);font-weight:500}.success-message{color:#16a34a;font-size:14px;font-weight:500;text-align:center;margin-top:var(--space-4)}.error-message{color:#dc2626;font-size:14px;font-weight:500;text-align:center;margin-top:var(--space-4)}.password-strength{margin-top:var(--space-2);display:flex;align-items:center;gap:var(--space-2)}.strength-bar{flex:1;height:4px;background:var(--gray-200);border-radius:2px;overflow:hidden}.strength-fill{height:100%;transition:width .3s ease,background-color .3s ease;border-radius:2px}.strength-text{font-size:12px;font-weight:500;min-width:60px;text-align:right}.checkbox-group{display:flex;align-items:flex-start;gap:var(--space-2)}.checkbox-label{display:flex;align-items:flex-start;gap:var(--space-2);cursor:pointer;font-size:14px;line-height:1.4;color:var(--gray-700)}.checkbox-label input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.checkmark{position:relative;width:18px;height:18px;border:2px solid var(--gray-300);border-radius:3px;background:var(--white);transition:all .2s ease;flex-shrink:0;margin-top:1px}.checkbox-label:hover .checkmark{border-color:var(--primary-blue)}.checkbox-label input:checked~.checkmark{background:var(--primary-blue);border-color:var(--primary-blue)}.checkbox-label input:checked~.checkmark:after{content:"";position:absolute;left:5px;top:2px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-label a{color:var(--primary-blue);text-decoration:none}.checkbox-label a:hover{text-decoration:underline}.signup-button{width:100%;background:var(--primary-blue);color:var(--white);border:none;border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:var(--space-2)}.signup-button:hover:not(:disabled){background:var(--primary-blue-dark);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.signup-button:active:not(:disabled){transform:translateY(0)}.signup-button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.turnstile-container{width:100%;display:flex;flex-direction:column;align-items:center;margin:var(--space-3) 0}.turnstile-loading{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-4);background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-md);color:var(--gray-600);font-size:14px}.turnstile-loading-spinner{width:20px;height:20px;border:2px solid var(--gray-200);border-top:2px solid var(--primary-blue);border-radius:50%;animation:turnstileSpin 1s linear infinite}@keyframes turnstileSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.turnstile-widget{width:100%;display:flex;justify-content:center;align-items:center;min-height:65px;border-radius:var(--radius-md);transition:opacity .3s ease}.turnstile-widget.disabled{opacity:.5;pointer-events:none}.turnstile-widget iframe{border-radius:var(--radius-md)!important;box-shadow:0 2px 8px #0000001a!important;border:1px solid var(--gray-200)!important}@media (prefers-reduced-motion: reduce){.wallet-card,.wallet-front,.wallet-actions-overlay,.action-btn,.amount,.glass-card,.minimal-card,.gradient-card,.premium-card,.glass-action-btn,.minimal-btn,.gradient-btn,.premium-btn{animation:none!important;transition-duration:.01ms!important}.action-btn:hover,.glass-action-btn:hover,.minimal-btn:hover,.gradient-btn:hover,.premium-btn:hover{transform:none!important}.gradient-pattern,.premium-mesh,.premium-particles,.status-dot,.premium-badge,.premium-sparkle{animation:none!important}}.wallet-card *,.wallet-card-glass *,.wallet-card-minimal *,.wallet-card-gradient *,.wallet-card-premium *{will-change:auto}.wallet-front,.glass-card,.minimal-card,.gradient-card,.premium-card,.gradient-pattern,.premium-mesh,.premium-particles{transform:translateZ(0);backface-visibility:hidden}@media (max-width: 768px){.task-bar{height:56px;padding:0 var(--space-4)}.main-content{padding:var(--space-3);gap:var(--space-3)}.card{padding:var(--space-3);height:auto}.trading-controls{flex-direction:column;gap:var(--space-2);align-items:stretch}.trading-pair-button{min-width:unset}.chart-type-toggle{width:40px;height:40px;top:var(--space-3);right:var(--space-3)}.chart-type-toggle svg{width:20px;height:20px}.chart-attribution{bottom:var(--space-2);right:var(--space-2);padding:var(--space-1) var(--space-2);font-size:10px;gap:var(--space-1);border-radius:var(--radius-sm)}.chart-attribution svg{height:12px}.ohlc-overlay{display:none}.time-box,.investment-box{padding:var(--space-4)}.investment-main-control{gap:8px}.modern-investment-btn{width:36px;height:36px}.overlay-content{max-height:75vh}.overlay-header{padding:var(--space-3) var(--space-4)}.wallet-card{width:140px;height:56px;padding:4px 8px}.amount{font-size:20px}.currency-symbol{font-size:14px}.action-btn{min-height:48px;padding:6px}.action-btn svg{width:16px;height:16px}.profile-menu{min-width:240px;right:-20px}.auth-buttons{gap:var(--space-1)}.login-button span,.register-button span{display:none}.login-button,.register-button,.profile-trigger.logged-out{padding:var(--space-2)}.trade-history-header,.trade-list-item{padding:var(--space-2) var(--space-3)}.trade-investment-row{display:none}.toggle-btn .count{position:static;margin-left:4px}.trade-entry-price,.trade-current-price,.trade-investment{font-size:11px}.trade-pnl{font-size:13px}.trade-time-info{font-size:11px}.trade-list-container{max-height:calc(75vh - 120px)}.connection-status-indicator{min-width:100px;padding:var(--space-1) var(--space-2)}.status-text{display:none}.connection-details-popup{right:-20px;min-width:200px}.pagination-container{padding:12px 16px}.pagination-btn{padding:6px 8px;font-size:11px}.pagination-btn svg{width:14px;height:14px}.pagination-number{width:28px;height:28px;font-size:11px}.pagination-info span{font-size:11px}}@media (max-width: 480px){.current-price,.price-change,.wallet-action-btn{display:none}.wallet-card{width:120px;height:50px;padding:3px 6px}.logo-container svg{width:120px;height:24px}.profile-trigger{padding:var(--space-1) var(--space-2)}.amount{font-size:18px}.currency-symbol{font-size:12px}.wallet-type{font-size:9px}}@media (max-width: 360px){.wallet-card{width:100px;height:46px;padding:2px 5px;cursor:pointer;position:relative}.logo-container svg{width:100px;height:20px}.profile-trigger{padding:4px var(--space-1)}.amount{font-size:16px}.currency-symbol{font-size:11px}.wallet-type{font-size:8px}.wallet-action-container{display:none}.wallet-card-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-2);box-shadow:var(--shadow-lg);z-index:1000;animation:dropdownFadeIn .15s ease-out;margin-top:4px}.wallet-card-dropdown .wallet-action-item{padding:var(--space-2);font-size:12px;min-height:36px;border-radius:var(--radius-md)}.wallet-card-dropdown .menu-icon{width:14px;height:14px}}@media (max-width: 480px){.turnstile-container{margin:var(--space-2) 0}.turnstile-loading{padding:var(--space-3);font-size:13px}.loading-spinner{width:16px;height:16px}}.up-button,.down-button{width:100%;padding:18px 24px;font-size:15px;font-weight:600;font-family:Inter,system-ui,sans-serif;border:none;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #00000026}.up-button{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.up-button:hover{background:linear-gradient(135deg,#16a34a,#15803d);transform:translateY(-2px);box-shadow:0 8px 20px #22c55e66}.up-button:active{transform:translateY(0);box-shadow:0 4px 12px #22c55e4d}.down-button{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.down-button:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 8px 20px #ef444466}.down-button:active{transform:translateY(0);box-shadow:0 4px 12px #ef44444d}.button-content{display:flex;align-items:center;gap:12px;position:relative;z-index:2}.button-text{text-align:center;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.arrow-container{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);transition:all .3s ease}.up-button:hover .arrow-container,.down-button:hover .arrow-container{background:#ffffff4d;transform:scale(1.1)}.arrow-icon{width:18px;height:18px;stroke-width:2.5;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.up-button:disabled,.down-button:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:0 2px 6px #0000001a!important}.up-button:disabled:hover,.down-button:disabled:hover{transform:none!important;background:linear-gradient(135deg,#22c55e,#16a34a)!important}.down-button:disabled:hover{background:linear-gradient(135deg,#ef4444,#dc2626)!important}.up-button:disabled .arrow-container,.down-button:disabled .arrow-container{transform:none!important}