.swap-container{background:var(--dark-bg);min-height:100vh;padding:20px;position:relative;overflow:hidden}.pair-stats-section{background:linear-gradient(135deg,rgba(0,255,163,.15),rgba(254,230,0,.08));border:2px solid rgba(0,255,163,.4);border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 10px 30px rgba(0,0,0,.5),0 0 20px rgba(0,255,163,.3),0 0 10px rgba(254,230,0,.2),inset 0 0 15px rgba(254,230,0,.08);position:relative;overflow:hidden;backdrop-filter:blur(10px);width:100%;max-width:1000px;margin-left:auto;margin-right:auto}.stats-swap-divider{height:2px;background:linear-gradient(90deg,transparent,rgba(0,255,163,.3),transparent);margin:24px 0;border-radius:2px}.swap-content-wrapper{position:relative;z-index:1;padding-top:0}.swap-card{background:transparent;border:none;box-shadow:none;padding:0}.pair-stats-section:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(254,230,0,.15),rgba(0,255,163,.1),transparent);animation:shimmer 4s ease-in-out infinite;z-index:0}.pair-stats-section:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(254,230,0,.1) 0,transparent 70%);animation:rotateGlow 8s linear infinite;z-index:0}@keyframes rotateGlow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.pair-header{margin-bottom:16px;text-align:center;position:relative;z-index:1}.pair-title{background:linear-gradient(45deg,#FEE600,#00FFA3 50%,#FEE600);background-size:200% 200%;letter-spacing:3px;margin:0;text-shadow:0 0 30px rgba(254,230,0,.5);animation:titleShimmer 3s ease infinite;position:relative;display:inline-block;padding:0 20px}.pair-title:before{content:"";position:absolute;top:50%;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(254,230,0,.5),transparent);transform:translateY(-50%);z-index:-1}@keyframes titleShimmer{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.pair-metrics{flex-direction:row;gap:16px;z-index:1;flex-wrap:wrap;justify-content:center}.metric-item,.pair-metrics{display:flex;position:relative}.metric-item{flex-direction:column;align-items:center;padding:14px 20px;background:linear-gradient(135deg,rgba(0,0,0,.4),rgba(3,34,51,.3));border-radius:12px;border:2px solid rgba(0,255,163,.3);transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;backdrop-filter:blur(5px);flex:1;min-width:180px}.metric-item:before{top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(0,255,163,.1),rgba(254,230,0,.08))}.metric-item:after,.metric-item:before{content:"";position:absolute;opacity:0;transition:opacity .4s ease;z-index:0}.metric-item:after{top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(254,230,0,.2) 0,transparent 70%)}.metric-item:hover{transform:translateY(-4px) scale(1.02);border-color:rgba(0,255,163,.6);box-shadow:0 8px 20px rgba(0,255,163,.4),0 0 15px rgba(254,230,0,.3),inset 0 0 10px rgba(0,255,163,.1)}.metric-item:hover:after,.metric-item:hover:before{opacity:1}.metric-label{font-size:13px;font-weight:700;color:#cccccc;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:10px;opacity:.9;position:relative;z-index:1;text-shadow:0 0 5px rgba(255,255,255,.2)}.metric-value{font-size:20px;font-weight:800;font-family:Courier New,monospace;text-shadow:0 0 15px currentColor;position:relative;z-index:1;letter-spacing:.5px}.metric-value.last-price{color:#FEE600;text-shadow:0 0 20px rgba(254,230,0,.8),0 0 10px rgba(254,230,0,.6),0 0 5px rgba(0,255,163,.4);animation:pulseGlow 2s ease-in-out infinite}.metric-value.high-price{color:#00FFA3;text-shadow:0 0 20px rgba(0,255,163,.8),0 0 10px rgba(0,255,163,.6)}.metric-value.low-price{color:#ff6b6b;text-shadow:0 0 20px rgba(255,107,107,.8),0 0 10px rgba(255,107,107,.6)}.metric-value.volume{color:#FEE600;text-shadow:0 0 15px rgba(254,230,0,.7),0 0 8px rgba(254,230,0,.5)}.metric-value.balance-zylo{color:#00FFA3;text-shadow:0 0 20px rgba(0,255,163,.8),0 0 10px rgba(0,255,163,.6)}.metric-value.balance-usdt{color:#FEE600;text-shadow:0 0 20px rgba(254,230,0,.8),0 0 10px rgba(254,230,0,.6)}@keyframes pulseGlow{0%,to{text-shadow:0 0 20px rgba(254,230,0,.8),0 0 10px rgba(254,230,0,.6),0 0 5px rgba(0,255,163,.4)}50%{text-shadow:0 0 30px rgba(254,230,0,1),0 0 15px rgba(254,230,0,.8),0 0 8px rgba(0,255,163,.6)}}.tab-navigation{display:flex;gap:8px;margin-bottom:16px;border-bottom:2px solid rgba(0,255,163,.2);padding-bottom:12px}.tab-button{flex:1;padding:12px 20px;background:rgba(3,34,51,.6);border:2px solid rgba(0,255,163,.3);border-radius:8px 8px 0 0;color:#cccccc;font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.tab-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,163,.1),transparent);transition:left .5s}.tab-button:hover:before{left:100%}.tab-button:hover:not(:disabled){background:rgba(0,255,163,.1);border-color:rgba(0,255,163,.5);color:#00FFA3;transform:translateY(-2px)}.tab-button.active{background:linear-gradient(45deg,rgba(0,255,163,.2),rgba(0,255,163,.1));border-color:#00FFA3;color:#00FFA3;box-shadow:0 0 20px rgba(0,255,163,.3)}.tab-button:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.swap-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(0,255,163,.1) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(254,230,0,.08) 0,transparent 50%),radial-gradient(circle at 50% 50%,rgba(0,255,163,.05) 0,transparent 60%),linear-gradient(45deg,transparent 30%,rgba(254,230,0,.02) 50%,transparent 70%);pointer-events:none;animation:backgroundPulse 8s ease-in-out infinite}@keyframes backgroundPulse{0%,to{opacity:1}50%{opacity:.8}}.swap-card{background:linear-gradient(180deg,rgba(3,34,51,.95),rgba(3,34,51,.84));backdrop-filter:blur(20px);border-radius:16px;padding:20px;box-shadow:0 20px 40px rgba(0,0,0,.8),0 0 0 1px rgba(0,255,163,.2),0 0 30px rgba(254,230,0,.1),inset 0 1px 0 rgba(255,255,255,.1);border:2px solid rgba(0,255,163,.3);overflow:hidden}.swap-card:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#00FFA3,#FEE600,#00FFA3,#FEE600);background-size:400% 400%;border-radius:16px;z-index:-1;opacity:.3;animation:borderGlow 4s ease infinite}@keyframes borderGlow{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.swap-card{max-width:700px;min-width:600px;width:100%;margin:0 auto;position:relative;z-index:1}.swap-header{margin-bottom:32px;text-align:center}.swap-title{font-size:32px;font-weight:900;color:#ffffff;margin:0;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 20px rgba(254,230,0,.6);background:linear-gradient(45deg,#FEE600,#00FFA3 50%,#FEE600);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:titleGlow 3s ease-in-out infinite}@keyframes titleGlow{0%,to{filter:drop-shadow(0 0 10px rgba(254,230,0,.5))}50%{filter:drop-shadow(0 0 20px rgba(0,255,163,.6))}}.swap-subtitle{color:#FEE600;font-size:16px;margin:8px 0 0;font-weight:600;text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 10px rgba(254,230,0,.4)}.status-card{display:flex;align-items:flex-start;padding:20px;border-radius:12px;margin-bottom:20px;border:2px solid;background:rgba(0,0,0,.6);backdrop-filter:blur(10px)}.status-card.warning{background:rgba(0,255,163,.1);border-color:rgba(0,255,163,.4);box-shadow:0 0 20px rgba(0,255,163,.2)}.status-card.info{background:rgba(13,202,240,.1);border-color:rgba(13,202,240,.4);box-shadow:0 0 20px rgba(13,202,240,.2)}.status-icon{font-size:24px;margin-right:16px;margin-top:2px;filter:drop-shadow(0 0 10px currentColor)}.status-content h6{margin:0 0 8px;font-weight:700;color:#ffffff;font-size:16px;text-transform:uppercase;letter-spacing:1px}.status-content p{margin:0;color:#cccccc;font-size:14px;line-height:1.5}.status-badge{display:inline-block;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.status-badge.success{background:linear-gradient(45deg,#198754,#20c997);color:#ffffff;box-shadow:0 0 15px rgba(25,135,84,.5)}.status-badge.error{background:linear-gradient(45deg,#dc3545,#fd7e14);color:#ffffff;box-shadow:0 0 15px rgba(220,53,69,.5)}.action-btn{padding:12px 24px;border-radius:8px;border:2px solid;font-weight:700;font-size:14px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden}.action-btn: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}.action-btn:hover:before{left:100%}.action-btn.primary{background:linear-gradient(45deg,#0d6efd,#6610f2);border-color:#0d6efd;color:#ffffff;box-shadow:0 0 20px rgba(13,110,253,.4)}.action-btn.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 25px rgba(13,110,253,.6)}.action-btn.warning{background:linear-gradient(45deg,#00FFA3,#20c997);border-color:#00FFA3;color:#000000;box-shadow:0 0 20px rgba(0,255,163,.4)}.action-btn.warning:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 25px rgba(0,255,163,.6)}.action-btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.refresh-btn{background:rgba(13,202,240,.1);border:2px solid rgba(13,202,240,.4);color:#0dcaf0;padding:12px 20px;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:1px;box-shadow:0 0 15px rgba(13,202,240,.2)}.refresh-btn:hover:not(:disabled){background:rgba(13,202,240,.2);transform:translateY(-2px);box-shadow:0 5px 20px rgba(13,202,240,.4)}.refresh-btn:disabled{opacity:.4;cursor:not-allowed}.debug-info{margin-top:16px}.debug-toggle{cursor:pointer;color:#0dcaf0;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease}.debug-toggle:hover{text-shadow:0 0 10px #0dcaf0}.debug-content{background:rgba(0,0,0,.8);padding:12px;border-radius:8px;font-size:11px;margin:12px 0 0;color:#cccccc;white-space:pre-wrap;border:1px solid rgba(13,202,240,.3);font-family:Courier New,monospace}.token-input-section{background:rgba(0,0,0,.6);border:2px solid rgba(0,255,163,.3);border-radius:16px;padding:12px;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 0 15px rgba(0,255,163,.1),inset 0 0 10px rgba(254,230,0,.05)}.token-input-section:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#FEE600,#00FFA3,#FEE600,transparent);background-size:200% 100%;opacity:0;transition:opacity .3s ease;animation:shimmer 2s linear infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.token-input-section:hover{border-color:rgba(254,230,0,.5);box-shadow:0 0 30px rgba(254,230,0,.3),0 0 20px rgba(0,255,163,.2);transform:translateY(-2px)}.token-input-section:hover:before{opacity:1}.token-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.token-label{font-weight:700;color:#ffffff;margin:0;font-size:16px;text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 10px rgba(254,230,0,.6),0 0 5px rgba(0,255,163,.4)}.token-balance{display:flex;align-items:center;gap:6px;background:rgba(0,255,163,.1);padding:6px 12px;border-radius:8px;border:1px solid rgba(0,255,163,.3)}.balance-amount{font-weight:700;color:#FEE600;font-size:16px;text-shadow:0 0 10px rgba(254,230,0,.6),0 0 5px rgba(0,255,163,.4)}.balance-symbol{color:#ffffff;font-size:12px;font-weight:600;text-transform:uppercase}.token-input-container{display:flex;align-items:center;background:rgba(0,0,0,.8);border:2px solid rgba(0,255,163,.3);border-radius:12px;padding:6px;margin-bottom:8px;transition:all .3s ease;position:relative}.token-input-container:focus-within{border-color:#FEE600;box-shadow:0 0 20px rgba(254,230,0,.5),0 0 15px rgba(0,255,163,.3);transform:scale(1.02)}.token-input{flex:1;border:none;outline:none;padding:12px 16px;font-size:18px;font-weight:700;color:#ffffff;background:transparent;text-shadow:0 0 10px rgba(255,255,255,.3)}.token-input::-moz-placeholder{color:#666;font-weight:400}.token-input::placeholder{color:#666;font-weight:400}.token-input:disabled{opacity:.4;cursor:not-allowed}.token-selector{display:flex;align-items:center;gap:10px;padding:12px 16px;background:linear-gradient(45deg,rgba(254,230,0,.15),rgba(0,255,163,.15));border-radius:8px;cursor:pointer;transition:all .3s ease;border:1px solid rgba(254,230,0,.4);margin-left:-50px;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:0 0 10px rgba(254,230,0,.2)}.token-selector:hover{background:linear-gradient(45deg,rgba(254,230,0,.3),rgba(0,255,163,.3));transform:translateY(-1px);box-shadow:0 4px 12px rgba(254,230,0,.4),0 0 8px rgba(0,255,163,.3);border-color:rgba(254,230,0,.6)}.token-selector2{display:flex;align-items:center;gap:10px;padding:12px 16px;background:linear-gradient(45deg,rgba(254,230,0,.15),rgba(0,255,163,.15));border-radius:8px;cursor:pointer;transition:all .3s ease;border:1px solid rgba(254,230,0,.4);margin-left:-73px;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:0 0 10px rgba(254,230,0,.2)}.token-selector2:hover{background:linear-gradient(45deg,rgba(254,230,0,.3),rgba(0,255,163,.3));transform:translateY(-1px);box-shadow:0 4px 12px rgba(254,230,0,.4),0 0 8px rgba(0,255,163,.3);border-color:rgba(254,230,0,.6)}.token-symbol{font-weight:700;color:#FEE600;font-size:16px;text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 10px rgba(254,230,0,.6),0 0 5px rgba(0,255,163,.4)}.chevron{color:#ffffff;font-size:14px;transition:transform .3s ease}.token-selector:hover .chevron{transform:rotate(180deg)}.token-info{display:flex;justify-content:space-between;align-items:center;margin-top:6px;padding-top:6px;border-top:1px solid rgba(254,230,0,.2)}.token-name{color:#FEE600;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 10px rgba(254,230,0,.5),0 0 5px rgba(0,255,163,.3)}.token-address{color:#cccccc;font-size:11px;font-family:Courier New,monospace;background:rgba(0,0,0,.6);padding:4px 8px;border-radius:4px;border:1px solid rgba(0,255,163,.3)}.swap-button-container{display:flex;justify-content:center;margin:4px 0}.swap-button{width:40px;height:40px;border-radius:50%;border:3px solid #fee600;background:linear-gradient(45deg,rgba(3,34,51,.8),rgba(3,34,51,.9));color:#FEE600;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:20px;position:relative;overflow:hidden;box-shadow:0 0 20px rgba(254,230,0,.4),0 0 10px rgba(0,255,163,.3)}.swap-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent,rgba(0,255,163,.1),transparent);transform:rotate(45deg) translateX(-100%);transition:transform .6s ease}.swap-button:hover:before{transform:rotate(45deg) translateX(100%)}.swap-button:hover:not(:disabled){background:linear-gradient(45deg,#FEE600,#00FFA3);color:#000000;transform:scale(1.1) rotate(180deg);box-shadow:0 0 30px rgba(254,230,0,.7),0 0 20px rgba(0,255,163,.5);border-color:#00FFA3}.swap-button:disabled{opacity:.3;cursor:not-allowed;transform:none!important}.contract-info{background:rgba(3,34,51,.6);border:2px solid rgba(0,255,163,.3);border-radius:12px;padding:12px 16px;margin-bottom:16px}.contract-header{display:flex;justify-content:space-between;align-items:center}.contract-label{color:#FEE600;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 8px rgba(254,230,0,.5)}.contract-address{color:#cccccc;font-size:11px;font-family:Courier New,monospace;background:rgba(0,0,0,.5);padding:4px 8px;border-radius:4px;border:1px solid rgba(0,255,163,.2)}.swap-action-btn{width:100%;padding:16px;border:none;border-radius:12px;font-size:16px;font-weight:900;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:12px;background:linear-gradient(45deg,#FEE600,#00FFA3 50%,#FEE600);background-size:200% 200%;color:#000000;box-shadow:0 0 30px rgba(254,230,0,.5),0 0 20px rgba(0,255,163,.3);text-transform:uppercase;letter-spacing:2px;position:relative;overflow:hidden;animation:buttonShimmer 3s ease infinite}@keyframes buttonShimmer{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.swap-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);transition:left .6s ease}.swap-action-btn:hover:before{left:100%}.swap-action-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 40px rgba(254,230,0,.7),0 0 30px rgba(0,255,163,.5);background:linear-gradient(45deg,#00FFA3,#FEE600 50%,#00FFA3);background-size:200% 200%}.swap-action-btn.disabled{background:#333333;color:#666666;box-shadow:none;cursor:not-allowed;transform:none!important}.swap-action-btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.spinner{width:20px;height:20px;border:3px solid transparent;border-top-color:currentcolor;border-radius:50%;animation:spin 1s linear infinite}@media (max-width:768px){.swap-card,.swap-container{padding:16px}.swap-card{border-radius:12px;max-width:100%;min-width:auto}.swap-title{font-size:24px}.token-input{font-size:18px}.token-selector,.token-selector2{position:absolute!important;right:8px!important;top:50%!important;transform:translateY(-50%)!important;margin-left:0!important;min-width:50px;padding:4px 6px;flex-shrink:0;z-index:2}.token-symbol{font-size:14px}.token-input-container{flex-direction:row;gap:0;position:relative}.token-input{padding:12px 50px 12px 16px;font-size:16px;margin-right:0;width:100%}.token-selector,.token-selector2{min-height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px}.chevron{font-size:10px}.token-info{flex-direction:column;align-items:flex-start;gap:4px}.token-address{font-size:10px;padding:2px 6px}.token-input-section{padding:10px}.swap-action-btn{padding:16px;font-size:16px}.token-input-section{padding:12px}.tab-navigation{flex-direction:column;gap:4px}.tab-button{padding:10px 16px;font-size:12px}.address-inputs{gap:12px}.address-input{font-size:14px;padding:14px 16px}.rate-inputs{flex-direction:column;gap:16px}.rate-equals{font-size:20px;margin:8px 0}.rate-input{font-size:16px;padding:14px 16px}.setup-action-btn{padding:16px;font-size:16px}}@keyframes glow{0%,to{box-shadow:0 0 20px rgba(254,230,0,.3),0 0 15px rgba(0,255,163,.2)}50%{box-shadow:0 0 40px rgba(254,230,0,.6),0 0 30px rgba(0,255,163,.4)}}.token-input-section:focus-within{animation:glow 2s ease-in-out infinite}.tab-content{width:100%;min-height:400px}.setup-content{padding:0;width:100%}.token-address-section{border:2px solid rgba(13,202,240,.3);border-radius:16px}.rate-input-section,.token-address-section{background:rgba(0,0,0,.6);padding:24px;margin-bottom:20px}.rate-input-section{border:2px solid rgba(0,255,163,.3);border-radius:16px}.rate-header{text-align:center;margin-bottom:24px}.rate-header h6{color:#FEE600;font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin:0 0 8px;text-shadow:0 0 10px rgba(254,230,0,.6),0 0 5px rgba(0,255,163,.4)}.rate-header p{color:#cccccc;font-size:14px;margin:0}.address-inputs{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.address-input-group{width:100%}.address-input{width:100%;padding:16px 20px;background:rgba(0,0,0,.8);border:2px solid rgba(13,202,240,.3);border-radius:12px;color:#ffffff;font-size:16px;font-weight:600;font-family:Courier New,monospace;transition:all .3s ease}.address-input:focus{outline:none;border-color:#0dcaf0;box-shadow:0 0 20px rgba(13,202,240,.4);transform:scale(1.02)}.address-input::-moz-placeholder{color:#666;font-weight:400}.address-input::placeholder{color:#666;font-weight:400}.rate-inputs{display:flex;align-items:center;gap:20px;margin-bottom:20px}.rate-input-group{flex:1}.rate-label{display:block;color:#00FFA3;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;text-shadow:0 0 10px rgba(0,255,163,.3)}.rate-input{width:100%;padding:16px 20px;background:rgba(0,0,0,.8);border:2px solid rgba(0,255,163,.3);border-radius:12px;color:#ffffff;font-size:18px;font-weight:700;text-align:center;transition:all .3s ease}.rate-input:focus{outline:none;border-color:#00FFA3;box-shadow:0 0 20px rgba(0,255,163,.4);transform:scale(1.02)}.rate-input::-moz-placeholder{color:#666;font-weight:400}.rate-input::placeholder{color:#666;font-weight:400}.rate-input.readonly{background:rgba(0,0,0,.4);border-color:rgba(254,230,0,.2);color:#FEE600;cursor:not-allowed;opacity:.8}.rate-input.readonly:focus{transform:none;box-shadow:none;border-color:rgba(128,90,245,.2)}.rate-equals{color:#FEE600;font-size:24px;font-weight:900;text-shadow:0 0 15px rgba(254,230,0,.7),0 0 10px rgba(0,255,163,.4);margin:0 10px}.rate-preview{text-align:center;padding:16px;background:rgba(0,255,163,.1);border:1px solid rgba(0,255,163,.3);border-radius:12px}.rate-preview p{color:#FEE600;font-size:16px;font-weight:700;margin:0 0 8px;text-shadow:0 0 10px rgba(254,230,0,.6),0 0 5px rgba(0,255,163,.4)}.blockchain-preview{color:#ff6b6b!important;text-shadow:0 0 10px rgba(255,107,107,.5)!important;margin:4px 0!important}.address-preview,.blockchain-preview{font-size:12px!important;font-weight:600!important;font-family:Courier New,monospace!important}.address-preview{color:#0dcaf0!important;text-shadow:0 0 10px rgba(13,202,240,.5)!important;margin:0!important}.setup-action-btn{width:100%;padding:20px;border:none;border-radius:12px;font-size:18px;font-weight:900;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:12px;background:linear-gradient(45deg,#0d6efd,#6610f2 50%,#0d6efd);color:#ffffff;box-shadow:0 0 30px rgba(13,110,253,.4);text-transform:uppercase;letter-spacing:2px;position:relative;overflow:hidden}.setup-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);transition:left .6s ease}.setup-action-btn:hover:before{left:100%}.setup-action-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 40px rgba(13,110,253,.6);background:linear-gradient(45deg,#6610f2,#0d6efd 50%,#6610f2)}.setup-action-btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.quote-action-btn{width:100%;padding:16px;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(45deg,#0dcaf0,#20c997 50%,#0dcaf0);color:#000000;box-shadow:0 0 30px rgba(13,202,240,.4);text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden;margin-bottom:16px}.quote-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);transition:left .6s ease}.quote-action-btn:hover:before{left:100%}.quote-action-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 25px rgba(13,202,240,.6);background:linear-gradient(45deg,#20c997,#0dcaf0 50%,#20c997)}.quote-action-btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.quote-result{background:rgba(13,202,240,.1);border:2px solid rgba(13,202,240,.3);border-radius:12px;padding:16px;margin-bottom:16px;text-align:center}.quote-result h6{color:#0dcaf0;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin:0 0 8px;text-shadow:0 0 10px rgba(13,202,240,.5)}.quote-result p{color:#ffffff;font-size:18px;font-weight:700;margin:0;text-shadow:0 0 10px rgba(255,255,255,.3)}.quote-section{background:rgba(13,202,240,.05);border:2px solid rgba(13,202,240,.2);border-radius:16px;padding:20px;margin-bottom:20px}.quote-header{text-align:center;margin-bottom:16px}.quote-header h6{color:#0dcaf0;font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin:0 0 8px;text-shadow:0 0 10px rgba(13,202,240,.5)}.quote-header p{color:#ffffff;font-size:14px;margin:0;opacity:.8}.quote-input-group{display:flex;gap:12px;align-items:center}.quote-input{flex:1;padding:12px 16px;border:2px solid rgba(13,202,240,.3);border-radius:12px;background:rgba(0,0,0,.3);color:#ffffff;font-size:16px;font-weight:600;transition:all .3s ease}.quote-input:focus{outline:none;border-color:#0dcaf0;box-shadow:0 0 20px rgba(13,202,240,.3);background:rgba(0,0,0,.5)}.quote-input::-moz-placeholder{color:rgba(255,255,255,.5)}.quote-input::placeholder{color:rgba(255,255,255,.5)}.quote-btn{padding:12px 24px;border:none;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(45deg,#0dcaf0,#20c997 50%,#0dcaf0);color:#000000;box-shadow:0 0 20px rgba(13,202,240,.3);text-transform:uppercase;letter-spacing:1px;min-width:120px}.quote-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 25px rgba(13,202,240,.5);background:linear-gradient(45deg,#20c997,#0dcaf0 50%,#20c997)}.quote-btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.connect-wallet-btn{background:linear-gradient(45deg,#FEE600,#00FFA3 50%,#FEE600);background-size:200% 200%;color:#000000;border:2px solid #fee600;border-radius:12px;padding:12px 24px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 0 20px rgba(254,230,0,.5),0 0 15px rgba(0,255,163,.3);position:relative;overflow:hidden;margin-bottom:0;width:100%;max-width:260px;animation:buttonShimmer 3s ease infinite}.connect-wallet-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}.connect-wallet-btn:hover:before{left:100%}.connect-wallet-btn:hover{transform:translateY(-2px);box-shadow:0 6px 25px rgba(254,230,0,.7),0 0 20px rgba(0,255,163,.5);background:linear-gradient(45deg,#00FFA3,#FEE600 50%,#00FFA3);background-size:200% 200%;border-color:#00FFA3}.connect-wallet-btn:active{transform:translateY(0);box-shadow:0 2px 10px rgba(0,255,163,.4)}.connect-wallet-btn.wrong-network,.connect-wallet-btn:disabled{background:linear-gradient(45deg,#dc3545,#c82333 50%,#dc3545);border-color:#dc3545;color:#ffffff;cursor:not-allowed;box-shadow:0 0 20px rgba(220,53,69,.4)}.connect-wallet-btn.wrong-network:hover{transform:none;box-shadow:0 0 20px rgba(220,53,69,.4)}.connect-wallet-btn.connected{background:linear-gradient(45deg,#28a745,#20c997 50%,#28a745);border-color:#28a745;color:#ffffff;box-shadow:0 0 20px rgba(40,167,69,.4)}.quote-loader{display:flex;align-items:center;justify-content:center;padding:8px}.quote-loader .spinner{width:16px;height:16px;border:2px solid rgba(0,255,163,.3);border-top-color:#00ffa3;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.insufficient-balance-warning{display:flex;align-items:flex-start;padding:16px;border-radius:12px;margin-top:16px;border:2px solid rgba(220,53,69,.4);background:rgba(220,53,69,.1);backdrop-filter:blur(10px);box-shadow:0 0 20px rgba(220,53,69,.2)}.warning-icon{font-size:20px;margin-right:12px;margin-top:2px;filter:drop-shadow(0 0 10px currentColor)}.warning-content h6{margin:0 0 8px;font-weight:700;color:#ff6b6b;font-size:14px;text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 10px rgba(255,107,107,.5)}.warning-content p{margin:0;color:#ffffff;font-size:13px;line-height:1.4;opacity:.9}.trading-container{background:#032233;min-height:100vh;padding:20px;color:#ffffff}.trading-container .container-fluid{max-width:1400px;margin:0 auto}.trading-header{background:linear-gradient(135deg,#03353d,#032233);border:1px solid rgba(254,231,57,.3);border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 10px 30px rgba(0,0,0,.3)}.pair-header-section{text-align:center}.pair-title{font-size:36px;font-weight:900;background:linear-gradient(135deg,#FEE739,#FFD700);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:20px;text-transform:uppercase;letter-spacing:2px}.pair-stats-row{display:flex;gap:8px;flex-wrap:nowrap;justify-content:center;align-items:center;overflow-x:hidden;padding:8px 0}.pair-stats-row::-webkit-scrollbar{height:4px}.pair-stats-row::-webkit-scrollbar-track{background:rgba(3,53,61,.3);border-radius:2px}.pair-stats-row::-webkit-scrollbar-thumb{background:rgba(254,231,57,.5);border-radius:2px}.pair-stats-row::-webkit-scrollbar-thumb:hover{background:rgba(254,231,57,.7)}.stat-item{display:flex;flex-direction:column;align-items:center;padding:8px 10px;background:rgba(3,53,61,.6);border:1px solid rgba(254,231,57,.3);border-radius:8px;min-width:85px;flex:1;max-width:200px;white-space:nowrap}.stat-label{font-size:10px;color:rgba(255,255,255,.7);text-transform:uppercase;margin-bottom:4px;font-weight:600;letter-spacing:.5px}.stat-value{font-size:16px;font-weight:700;font-family:Courier New,monospace}.stat-value.last{color:#FEE739}.stat-value.high{color:#00d6a3}.stat-value.low{color:#ff6b6b}.stat-value.volume{color:#FEE739}.stat-value.balance{color:#00d6a3}.trading-left-column{display:flex;flex-direction:column;gap:12px;height:100%;max-height:100%;align-items:stretch;overflow:hidden}.trading-main-row{align-items:stretch;display:flex;flex-wrap:wrap}.trading-main-row>[class*=col-]{display:flex;flex-direction:column;align-items:stretch}.balance-table-section{width:100%}.balance-card{background:linear-gradient(135deg,#03353d,#032233);border:1px solid rgba(254,231,57,.3);border-radius:12px;padding:16px;box-shadow:0 10px 30px rgba(0,0,0,.3)}.balance-card-header h4{color:#FEE739;font-size:14px;font-weight:700;text-transform:uppercase;margin:0 0 12px;letter-spacing:1px}.balance-table-container{max-height:300px;overflow-y:auto}.balance-table-container::-webkit-scrollbar{width:6px}.balance-table-container::-webkit-scrollbar-track{background:rgba(3,53,61,.5);border-radius:10px}.balance-table-container::-webkit-scrollbar-thumb{background:rgba(254,231,57,.5);border-radius:10px}.balance-table-container::-webkit-scrollbar-thumb:hover{background:rgba(254,231,57,.7)}.balance-table{width:100%;border-collapse:collapse;font-size:12px}.balance-table thead th{background:rgba(3,53,61,.8);color:#FEE739;padding:8px;text-align:left;font-weight:700;text-transform:uppercase;font-size:11px;border-bottom:1px solid rgba(254,231,57,.3)}.balance-table tbody td{padding:8px;color:rgba(255,255,255,.9);border-bottom:1px solid rgba(254,231,57,.1);font-family:Courier New,monospace;font-size:11px}.balance-table tbody tr:hover{background:rgba(254,231,57,.1)}.balance-estimate{margin-top:12px;padding-top:12px;border-top:1px solid rgba(254,231,57,.2);color:rgba(255,255,255,.7);font-size:11px;font-weight:600}.pairs-table-section{width:100%}.pairs-card{background:linear-gradient(135deg,#03353d,#032233);border:1px solid rgba(254,231,57,.3);border-radius:12px;padding:12px;box-shadow:0 10px 30px rgba(0,0,0,.3);display:flex;flex-direction:column;height:100%}.pairs-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.pairs-card-header h4{color:#FEE739;font-size:12px;font-weight:700;text-transform:uppercase;margin:0;letter-spacing:1px}.pairs-search{background:rgba(0,0,0,.5);border:1px solid rgba(254,231,57,.3);border-radius:6px;padding:6px 10px;color:#ffffff;font-size:11px;width:100px}.pairs-search::-moz-placeholder{color:rgba(255,255,255,.5)}.pairs-search::placeholder{color:rgba(255,255,255,.5)}.pairs-tabs{display:flex;gap:4px;margin-bottom:8px;flex-wrap:wrap}.pair-tab{padding:6px 12px;background:rgba(3,53,61,.6);border:1px solid rgba(254,231,57,.3);border-radius:6px;color:rgba(255,255,255,.7);font-size:10px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase}.pair-tab:hover{background:rgba(254,231,57,.1);border-color:rgba(254,231,57,.5);color:#FEE739}.pair-tab.active{background:linear-gradient(135deg,#FEE739,#FFD700);border-color:#FEE739;color:#1a1a2e;font-weight:700}.pairs-table-container{flex:1;overflow-y:auto;min-height:0}.pairs-table-container::-webkit-scrollbar{width:6px}.pairs-table-container::-webkit-scrollbar-track{background:rgba(3,53,61,.5);border-radius:10px}.pairs-table-container::-webkit-scrollbar-thumb{background:rgba(254,231,57,.5);border-radius:10px}.pairs-table-container::-webkit-scrollbar-thumb:hover{background:rgba(254,231,57,.7)}.pairs-table{width:100%;border-collapse:collapse;font-size:11px}.pairs-table thead th{background:rgba(3,53,61,.8);color:#FEE739;padding:8px 4px;text-align:left;font-weight:700;text-transform:uppercase;font-size:10px;border-bottom:1px solid rgba(254,231,57,.3);position:sticky;top:0;z-index:10}.pairs-table tbody td{padding:4px;color:rgba(255,255,255,.9);border-bottom:1px solid rgba(254,231,57,.1);font-family:Courier New,monospace;font-size:10px}.pairs-table tbody tr:hover{background:rgba(254,231,57,.1)}.change-positive{color:#00d6a3;font-weight:600}.change-negative{color:#ff6b6b;font-weight:600}.trading-center-column{display:flex;flex-direction:column;gap:12px;height:100%;min-height:0;max-height:100%;align-items:stretch;align-self:stretch;overflow:hidden}.chart-section-center{padding:16px;flex:0.6;max-height:40%;flex-direction:column}.chart-section-center,.swap-section-center{background:linear-gradient(135deg,#03353d,#032233);border:1px solid rgba(254,231,57,.3);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.3);min-height:0;display:flex;overflow:hidden}.swap-section-center{padding:12px;flex:1.4;flex-direction:column;gap:12px}.swap-section-center .form-title{margin:0 0 8px;font-size:16px;text-align:left;flex-shrink:0}.swap-row{width:100%;flex-shrink:0}.swap-row .token-input-section-compact{width:100%;flex-direction:column}.swap-row .token-input-section-compact,.token-input-section-compact{background:rgba(0,0,0,.4);border:1px solid rgba(254,231,57,.3);border-radius:8px;padding:10px;display:flex;gap:8px}.token-input-section-compact{flex:1;flex-direction:column}.token-header-compact{display:flex;justify-content:space-between;align-items:center}.token-header-compact .token-label{font-size:11px;margin:0}.balance-amount-compact{font-size:11px;color:#FEE739;font-weight:600;font-family:Courier New,monospace}.token-input-container-compact{display:flex;align-items:center;background:rgba(0,0,0,.6);border:1px solid rgba(254,231,57,.2);border-radius:6px;padding:4px;gap:4px}.token-input-compact{flex:1;border:none;outline:none;padding:8px 10px;font-size:14px;font-weight:600;color:#ffffff;background:transparent;font-family:Courier New,monospace}.token-input-compact::-moz-placeholder{color:#666;font-weight:400}.token-input-compact::placeholder{color:#666;font-weight:400}.token-input-compact:disabled{opacity:.4;cursor:not-allowed}.token-selector-compact{display:flex;align-items:center;gap:6px;padding:6px 10px;background:linear-gradient(45deg,rgba(254,230,0,.15),rgba(0,255,163,.15));border-radius:6px;cursor:pointer;transition:all .3s ease;border:1px solid rgba(254,230,0,.4);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.token-selector-compact:hover{background:linear-gradient(45deg,rgba(254,230,0,.3),rgba(0,255,163,.3));border-color:rgba(254,230,0,.6)}.token-symbol-compact{font-weight:600;color:#FEE739;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.chevron-compact{color:#ffffff;font-size:10px;transition:transform .3s ease}.token-selector-compact:hover .chevron-compact{transform:rotate(180deg)}.swap-icon-button-container{padding-top:28px}.swap-icon-button,.swap-icon-button-container{display:flex;align-items:center;justify-content:center}.swap-icon-button{width:36px;height:36px;border-radius:50%;border:2px solid #fee739;background:linear-gradient(135deg,rgba(3,34,51,.8),rgba(3,34,51,.9));color:#FEE739;cursor:pointer;transition:all .3s ease;font-size:16px;box-shadow:0 0 15px rgba(254,230,0,.3)}.swap-icon-button:hover:not(:disabled){background:linear-gradient(45deg,#FEE600,#00FFA3);color:#000000;transform:scale(1.1) rotate(180deg);box-shadow:0 0 20px rgba(254,230,0,.5);border-color:#00FFA3}.swap-icon-button:disabled{opacity:.3;cursor:not-allowed;transform:none!important}.swap-action-btn-compact{width:100%;padding:12px;border:none;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(45deg,#FEE600,#00FFA3 50%,#FEE600);background-size:200% 200%;color:#000000;flex-shrink:0;box-shadow:0 0 20px rgba(254,230,0,.4);text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden;animation:buttonShimmer 3s ease infinite}.swap-action-btn-compact:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}.swap-action-btn-compact:hover:before{left:100%}.swap-action-btn-compact:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 25px rgba(254,230,0,.6);background:linear-gradient(45deg,#00FFA3,#FEE600 50%,#00FFA3);background-size:200% 200%}.swap-action-btn-compact.disabled{background:#333333;color:#666666;box-shadow:none;cursor:not-allowed;transform:none!important;animation:none}.swap-action-btn-compact:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.order-books-section{display:grid;grid-template-columns:1fr 1fr;gap:20px}.order-book-container{background:linear-gradient(135deg,#03353d,#032233);border:1px solid rgba(254,231,57,.3);border-radius:12px;padding:12px;box-shadow:0 10px 30px rgba(0,0,0,.3);display:flex;flex-direction:column;overflow:hidden;height:100%}.history-table-container,.order-book-table,.pairs-table-container{height:280px;overflow-y:auto;overflow-x:hidden;flex-shrink:0}.order-book-container,.pairs-card{flex:1;min-height:0}.order-book-header{margin-bottom:8px;padding-bottom:6px;border-bottom:2px solid rgba(254,231,57,.3);flex-shrink:0}.order-book-header h4{color:#FEE739;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin:0}.order-book-table{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0}.order-book-table::-webkit-scrollbar{width:6px}.order-book-table::-webkit-scrollbar-track{background:rgba(3,53,61,.5);border-radius:10px}.order-book-table::-webkit-scrollbar-thumb{background:rgba(254,231,57,.5);border-radius:10px}.order-book-table::-webkit-scrollbar-thumb:hover{background:rgba(254,231,57,.7)}.order-book-table table{width:100%;border-collapse:collapse;font-size:12px}.order-book-table thead th{background:rgba(3,53,61,.8);color:#FEE739;padding:8px;text-align:left;font-weight:700;text-transform:uppercase;font-size:11px;border-bottom:1px solid rgba(254,231,57,.3)}.order-book-table tbody td{padding:6px 8px;color:rgba(255,255,255,.9);font-family:Courier New,monospace;font-size:11px}.order-book-table tbody tr:hover{background:rgba(254,231,57,.1)}.buy-row .price-buy{color:#00d6a3}.sell-row .price-sell{color:#ff6b6b}.orders-history-section{display:flex;flex-direction:column;gap:20px;margin-top:20px;width:100%;clear:both}.orders-container{width:100%;max-width:100%}.history-container,.orders-container{background:linear-gradient(135deg,#03353d,#032233);border:1px solid rgba(254,231,57,.3);border-radius:12px;padding:20px;box-shadow:0 10px 30px rgba(0,0,0,.3);margin-top:20px}.simple-history-table{width:100%;border-collapse:collapse;font-size:12px}.simple-history-table thead th{background:rgba(3,53,61,.8);color:#FEE739;padding:10px 8px;text-align:left;font-weight:700;text-transform:uppercase;font-size:11px;border-bottom:2px solid rgba(254,231,57,.3);position:sticky;top:0;z-index:10}.simple-history-table tbody td{padding:6px 8px;color:rgba(255,255,255,.9);border-bottom:1px solid rgba(254,231,57,.1);font-family:Courier New,monospace;font-size:11px}.simple-history-table tbody tr:hover{background:rgba(254,231,57,.1)}.history-header,.orders-header{margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid rgba(254,231,57,.3)}.history-header h4,.orders-header h4{color:#FEE739;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin:0 0 8px;text-align:center}.order-tab-buttons{display:flex;gap:12px;justify-content:center;margin-top:16px}.order-tab-btn{flex:1;max-width:200px;padding:12px 24px;background:rgba(3,53,61,.6);border:2px solid rgba(254,231,57,.3);border-radius:8px;color:rgba(255,255,255,.7);font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.order-tab-btn:hover{background:rgba(254,231,57,.1);border-color:rgba(254,231,57,.5);color:#FEE739}.order-tab-btn.active{background:linear-gradient(135deg,#FEE739,#FFD700);border-color:#FEE739;color:#1a1a2e;font-weight:700;box-shadow:0 4px 15px rgba(254,231,57,.3)}.orders-subsection{margin-bottom:30px}.orders-subsection:last-child{margin-bottom:0}.orders-subtitle{color:#FEE739;font-size:14px;font-weight:700;text-transform:uppercase;margin-bottom:16px;letter-spacing:.5px;padding-left:8px}.orders-table-container{overflow-x:auto;max-height:280px;overflow-y:auto}.history-table-container{overflow-x:auto;flex:1;overflow-y:auto;min-height:0;display:flex;flex-direction:column}.history-table-container::-webkit-scrollbar,.orders-table-container::-webkit-scrollbar{width:6px;height:6px}.history-table-container::-webkit-scrollbar-track,.orders-table-container::-webkit-scrollbar-track{background:rgba(3,53,61,.5);border-radius:10px}.history-table-container::-webkit-scrollbar-thumb,.orders-table-container::-webkit-scrollbar-thumb{background:rgba(254,231,57,.5);border-radius:10px}.history-table-container::-webkit-scrollbar-thumb:hover,.orders-table-container::-webkit-scrollbar-thumb:hover{background:rgba(254,231,57,.7)}.detailed-history-table,.detailed-orders-table{width:100%;border-collapse:collapse;font-size:12px;min-width:100%}.detailed-history-table thead th,.detailed-orders-table thead th{background:rgba(3,53,61,.8);color:#FEE739;padding:12px 8px;text-align:left;font-weight:700;text-transform:uppercase;font-size:11px;border-bottom:2px solid rgba(254,231,57,.3);position:sticky;top:0;z-index:10}.detailed-history-table tbody td,.detailed-orders-table tbody td{padding:10px 8px;color:rgba(255,255,255,.9);border-bottom:1px solid rgba(254,231,57,.1);font-family:Courier New,monospace;font-size:11px}.detailed-history-table tbody tr:hover,.detailed-orders-table tbody tr:hover{background:rgba(254,231,57,.1)}.tx-hash{color:rgba(255,255,255,.7);font-size:10px;font-family:Courier New,monospace}.trading-right-column{display:flex;flex-direction:column;gap:12px;height:100%;max-height:100%;align-items:stretch;overflow:hidden}.pairs-table-section{flex:1}.history-container-right,.pairs-table-section{min-height:0;display:flex;flex-direction:column}.history-container-right{padding:12px;flex:1}.chat-section,.history-container-right{background:linear-gradient(135deg,#03353d,#032233);border:1px solid rgba(254,231,57,.3);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.3)}.chat-section{padding:10px;display:flex;flex-direction:column;max-height:180px}.chat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid rgba(254,231,57,.3)}.chat-header h4{color:#FEE739;font-size:14px;font-weight:700;text-transform:uppercase;margin:0;letter-spacing:1px}.chat-languages{display:flex;gap:8px}.chat-languages span{padding:4px 8px;background:rgba(3,53,61,.6);border:1px solid rgba(254,231,57,.3);border-radius:4px;color:rgba(255,255,255,.7);font-size:10px;font-weight:600;cursor:pointer;transition:all .3s ease}.chat-languages span:hover{background:rgba(254,231,57,.1);border-color:rgba(254,231,57,.5);color:#FEE739}.chat-messages{flex:1;overflow-y:auto;margin-bottom:8px;min-height:0}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:rgba(3,53,61,.5);border-radius:10px}.chat-messages::-webkit-scrollbar-thumb{background:rgba(254,231,57,.5);border-radius:10px}.chat-messages::-webkit-scrollbar-thumb:hover{background:rgba(254,231,57,.7)}.chat-message{padding:6px 0;font-size:11px;line-height:1.4}.chat-user{color:#FEE739;font-weight:600;margin-right:6px}.chat-text{color:rgba(255,255,255,.9)}.chat-input-container{display:flex;gap:8px;margin-top:auto}.chat-input{flex:1;background:rgba(0,0,0,.5);border:1px solid rgba(254,231,57,.3);border-radius:6px;padding:8px 12px;color:#ffffff;font-size:11px}.chat-input::-moz-placeholder{color:rgba(255,255,255,.5)}.chat-input::placeholder{color:rgba(255,255,255,.5)}.chat-send-btn{padding:8px 16px;background:linear-gradient(135deg,#FEE739,#FFD700);border:1px solid #fee739;border-radius:6px;color:#1a1a2e;font-size:11px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase}.chat-send-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(254,231,57,.3)}.trading-tabs{display:flex;gap:8px;background:rgba(3,53,61,.6);padding:8px;border-radius:8px;border:1px solid rgba(254,231,57,.3)}.trading-tab{flex:1;padding:10px 16px;background:transparent;border:none;color:rgba(255,255,255,.7);font-size:14px;font-weight:600;cursor:pointer;border-radius:6px;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.trading-tab:hover{background:rgba(254,231,57,.1);color:#FEE739}.trading-tab.active{background:linear-gradient(135deg,#FEE739,#FFD700);color:#1a1a2e;font-weight:700;box-shadow:0 4px 15px rgba(254,231,57,.3)}.trading-forms{display:flex;flex-direction:column;gap:20px}.order-form{background:linear-gradient(135deg,#03353d,#032233);border:1px solid rgba(254,231,57,.3);border-radius:12px;padding:20px;box-shadow:0 10px 30px rgba(0,0,0,.3)}.buy-form{border-top:3px solid #00d6a3}.sell-form{border-top:3px solid #ff6b6b}.form-title{font-size:18px;font-weight:700;text-transform:uppercase;margin-bottom:16px;letter-spacing:1px}.buy-title{color:#00d6a3}.sell-title{color:#ff6b6b}.form-balance{font-size:12px;color:rgba(255,255,255,.7);margin-bottom:12px;font-weight:600}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:12px;color:rgba(255,255,255,.7);margin-bottom:8px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.form-input{width:100%;padding:12px 16px;background:rgba(0,0,0,.5);border:1px solid rgba(254,231,57,.3);border-radius:8px;color:#ffffff;font-size:16px;font-weight:600;font-family:Courier New,monospace;transition:all .3s ease}.form-input:focus{outline:none;border-color:#FEE739;box-shadow:0 0 15px rgba(254,231,57,.3)}.form-input:disabled{opacity:.5;cursor:not-allowed}.form-total{font-size:14px;color:#FEE739;margin-bottom:16px;font-weight:700;font-family:Courier New,monospace}.order-btn{width:100%;padding:14px;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.buy-btn{background:linear-gradient(135deg,#00d6a3,#00FFA3);color:#1a1a2e;box-shadow:0 4px 15px rgba(0,214,163,.3)}.buy-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,214,163,.5)}.sell-btn{background:linear-gradient(135deg,#ff6b6b,#ff5252);color:#ffffff;box-shadow:0 4px 15px rgba(255,107,107,.3)}.sell-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,107,107,.5)}.order-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.swap-section{background:linear-gradient(135deg,#03353d,#032233);border:1px solid rgba(254,231,57,.3);border-radius:12px;padding:20px;box-shadow:0 10px 30px rgba(0,0,0,.3)}.swap-section .form-title{color:#FEE739;text-align:center}.history-tab-content,.orders-tab-content{background:linear-gradient(135deg,#03353d,#032233);border:1px solid rgba(254,231,57,.3);border-radius:12px;padding:20px;box-shadow:0 10px 30px rgba(0,0,0,.3)}.orders-section{margin-bottom:30px}.orders-section:last-child{margin-bottom:0}.orders-section-title{color:#FEE739;font-size:16px;font-weight:700;text-transform:uppercase;margin-bottom:16px;letter-spacing:1px}.history-table,.orders-table{overflow-x:auto}.history-table table,.orders-table table{width:100%;border-collapse:collapse;font-size:13px}.history-table thead th,.orders-table thead th{background:rgba(3,53,61,.8);color:#FEE739;padding:12px;text-align:left;font-weight:700;text-transform:uppercase;font-size:11px;border-bottom:2px solid rgba(254,231,57,.3)}.history-table tbody td,.orders-table tbody td{padding:12px;color:rgba(255,255,255,.9);border-bottom:1px solid rgba(254,231,57,.1)}.history-table tbody tr:hover,.orders-table tbody tr:hover{background:rgba(254,231,57,.1)}.type-buy{color:#00d6a3;font-weight:700}.type-sell{color:#ff6b6b;font-weight:700}.status-pending{color:#FEE739;font-weight:600}.status-completed{color:#00d6a3;font-weight:600}.history-title{color:#FEE739;font-size:18px;font-weight:700;text-transform:uppercase;margin-bottom:20px;text-align:center;letter-spacing:1px}.notification{position:fixed;top:20px;right:20px;padding:16px 24px;border-radius:8px;font-weight:600;z-index:10000;animation:slideIn .3s ease;box-shadow:0 10px 30px rgba(0,0,0,.5)}.notification.success{background:linear-gradient(135deg,rgba(0,214,163,.2),rgba(0,255,163,.1));border:2px solid rgba(0,214,163,.5);color:#00d6a3}.notification.error{background:linear-gradient(135deg,rgba(255,107,107,.2),rgba(255,82,82,.1));border:2px solid rgba(255,107,107,.5);color:#ff6b6b}@keyframes slideIn{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@media (max-width:1200px){.order-books-section,.order-books-section-center,.trading-main-layout{grid-template-columns:1fr}.trading-center-column{order:1}.trading-left-column{order:2}.trading-right-column{order:3}}@media (max-width:768px){.trading-container{padding:10px}.pair-stats-row{gap:6px;flex-wrap:nowrap;overflow-x:hidden}.stat-item{min-width:75px;padding:6px 8px;flex:1;max-width:100px}.stat-label{font-size:9px;margin-bottom:3px}.stat-value{font-size:14px}.trading-tabs{flex-direction:column}.history-table,.orders-table{font-size:11px}.history-table tbody td,.history-table thead th,.orders-table tbody td,.orders-table thead th{padding:8px 4px}}