@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--bg-base:#141414;--bg-surface:#1a1a1a;--bg-surface-hover:#262626;--bg-surface-active:#333;--color-primary:#ffb800;--color-primary-rgb:255, 184, 0;--color-success:#2ebd85;--color-success-rgb:46, 189, 133;--color-danger:#f6465d;--color-danger-rgb:246, 70, 93;--color-cyan:#ffb800;--color-cyan-rgb:255, 184, 0;--color-warning:#ff8c00;--color-text:#eaecef;--color-text-muted:#848e9c;--border-color:#2b3139;--border-glow:#ffb80026;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-heading:"Space Grotesk", var(--font-sans);--font-mono:"Space Grotesk", monospace;font-family:var(--font-sans);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:var(--bg-base);color:var(--color-text);-webkit-font-smoothing:antialiased}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-base);overflow-x:hidden}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.glass{background:var(--bg-surface);border:1px solid var(--border-color)}.header-blur{-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);background:#141414d9}.glass-glow{border:1px solid var(--border-color)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.01em;font-weight:600}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.container{max-width:1440px;margin:0 auto;padding:0 16px}.glow-text-green,.glow-text-red,.glow-text-primary,.glow-text-cyan{text-shadow:none}@keyframes pulse-glow{0%,to{border-color:var(--border-color)}50%{border-color:var(--color-primary)}}.pulse-border{animation:3s ease-in-out infinite pulse-glow}@keyframes flash-green{0%{background-color:#2ebd854d}to{background-color:#0000}}@keyframes flash-red{0%{background-color:#df294a4d}to{background-color:#0000}}.flash-up{animation:.8s ease-out flash-green}.flash-down{animation:.8s ease-out flash-red}.btn{font-family:var(--font-heading);cursor:pointer;border:1px solid #0000;border-radius:4px;outline:none;justify-content:center;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.btn-primary{background:var(--color-primary);color:#0b0c10;box-shadow:none;font-weight:700}.btn-primary:hover{background:#e6a600;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-success{background:var(--color-success);color:#0b0c10;box-shadow:none;border:none;font-weight:700}.btn-success:hover{background:#27a272;transform:translateY(-1px)}.btn-danger{background:var(--color-danger);color:#fff;box-shadow:none;border:none;font-weight:700}.btn-danger:hover{background:#d83d50;transform:translateY(-1px)}.bg-gradient-buy{box-shadow:none;background:var(--color-success)!important;color:#0b0c10!important}.bg-gradient-sell{box-shadow:none;background:var(--color-danger)!important;color:#fff!important}.bg-gradient-primary{box-shadow:none;background:var(--color-primary)!important;color:#0b0c10!important}.btn-outline{border-color:var(--border-color);color:var(--color-text);background:0 0}.btn-outline:hover{border-color:var(--color-text);color:var(--color-text);background:#ffffff0d}.btn-disabled{color:var(--color-text-muted);cursor:not-allowed;background:#1e2230;border-color:#0000;box-shadow:none!important;transform:none!important}.panel{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:4px;overflow:hidden}.panel-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.panel-body{padding:16px}.leverage-slider{width:100%;accent-color:var(--color-primary);background:var(--border-color);border-radius:2px;outline:none;height:4px;margin:12px 0}.form-group{margin-bottom:12px}.form-label{color:var(--color-text-muted);font-size:11px;font-family:var(--font-heading);margin-bottom:4px;display:block}.input-container{align-items:center;display:flex;position:relative}.input-control{border:1px solid var(--border-color);color:#fff;width:100%;font-family:var(--font-mono);background:#0b0c10;border-radius:4px;outline:none;padding:8px 12px;font-size:13px;transition:border-color .15s}.input-control:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #ffb80014}.input-suffix{color:var(--color-text-muted);font-size:11px;font-family:var(--font-heading);position:absolute;right:12px}.dex-root{background:var(--bg-base);flex-direction:column;height:calc(100vh - 56px);display:flex;overflow:hidden}.dex-ticker{border-bottom:1px solid var(--border-color);-webkit-overflow-scrolling:touch;background:#0c0d14;flex-shrink:0;align-items:center;gap:20px;height:52px;padding:0 16px;display:flex;overflow-x:auto}.dex-ticker::-webkit-scrollbar{display:none}.pair-btn{color:#fff;cursor:pointer;white-space:nowrap;background:0 0;border:0;outline:none;flex-shrink:0;align-items:center;gap:6px;padding:4px 0;display:flex}.pair-btn:hover{opacity:.85}.pair-dropdown{border:1px solid var(--border-color);z-index:1000;background:#141722;border-radius:8px;min-width:220px;position:absolute;top:calc(100% + 4px);left:0;overflow:hidden;box-shadow:0 16px 48px #000000b3}.ticker-stats-row{-webkit-overflow-scrolling:touch;flex:1;align-items:center;gap:20px;display:flex;overflow-x:auto}.ticker-stats-row::-webkit-scrollbar{display:none}.ticker-stat{flex-direction:column;flex-shrink:0;gap:2px;display:flex}.stat-label{color:#707580;white-space:nowrap;font-size:11px}.stat-val{color:#eaecef;white-space:nowrap;font-size:12px}.mobile-tab-bar{border-bottom:1px solid var(--border-color);background:#0c0d14;flex-shrink:0;display:none}.dex-body{border-bottom:1px solid var(--border-color);flex:1;grid-template-columns:1fr 240px 320px;min-height:0;display:grid;overflow:hidden}.dex-chart{border-right:1px solid var(--border-color);flex-direction:column;min-height:0;display:flex;overflow:hidden}.dex-orderbook{border-right:1px solid var(--border-color);background:var(--bg-base);flex-direction:column;min-height:0;display:flex;overflow:hidden}.dex-form{background:var(--bg-surface);flex-direction:column;min-height:0;display:flex;overflow:hidden}.dex-bottom{border-top:1px solid var(--border-color);background:var(--bg-base);flex-shrink:0;height:220px;overflow:hidden}.trade-layout{background-color:var(--bg-base);grid-template-rows:1fr 260px;grid-template-columns:1fr 280px 340px;gap:0;height:calc(100vh - 56px);display:grid;overflow:hidden}.trade-main-area{border-right:1px solid var(--border-color);flex-direction:column;grid-area:1/1/2/2;height:100%;display:flex;overflow:hidden}@media (width<=1280px){.dex-body{grid-template-columns:1fr 200px 300px}}@media (width<=1024px){.dex-body{grid-template-columns:1fr 300px}.dex-orderbook{display:none}}@media (width<=768px){.dex-root{height:auto;min-height:calc(100vh - 56px);overflow:auto}.dex-ticker{gap:12px;height:48px;padding:0 10px}.ticker-stats-row{gap:14px}.mobile-tab-bar{display:flex}.mobile-tab-btn{color:#707580;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;flex:1;padding:10px 0;font-size:12px;font-weight:600;transition:all .15s}.mobile-tab-btn.active{color:#fff;border-bottom-color:var(--color-primary)}.dex-body{flex:none;display:block;overflow:visible}.dex-chart{border-right:none;height:65vw;min-height:260px;max-height:420px}.dex-chart.mobile-hide{display:none!important}.dex-chart.mobile-show{display:flex!important}.dex-orderbook{border-right:none;height:400px;display:block}.dex-orderbook.mobile-hide{display:none!important}.dex-orderbook.mobile-show{display:block!important}.dex-form{border-right:none;height:auto}.dex-form.mobile-hide{display:none!important}.dex-form.mobile-show{display:flex!important}.dex-bottom{height:auto;min-height:320px}.dex-bottom.mobile-hide{display:none!important}.dex-bottom.mobile-show{display:block!important}}.mobile-only,.mobile-flex{display:none}.table-responsive{-webkit-overflow-scrolling:touch;width:100%;display:block;overflow-x:auto}@media (width<=768px){.desktop-only{display:none!important}.mobile-only{display:block!important}.mobile-flex{display:flex!important}.stack-mobile{flex-direction:column!important}.responsive-grid-1{grid-template-columns:1fr!important;gap:16px!important}}@media (width<=768px){.ticker-stats-container{white-space:nowrap;-webkit-overflow-scrolling:touch;width:100%;padding:4px 0;overflow-x:auto}.ticker-stats-container::-webkit-scrollbar{display:none}}.custom-checkbox{appearance:none;font:inherit;color:currentColor;border:1px solid var(--border-color);cursor:pointer;background-color:#0000;border-radius:4px;flex-shrink:0;place-content:center;width:16px;height:16px;margin:0;display:grid}input[type=range].leverage-slider-yellow::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#eed33f;border:2px solid #2b3139;border-radius:50%;width:16px;height:16px;margin-top:-7px;box-shadow:0 0 6px #eed33f66}.trade-orderbook{border-right:1px solid var(--border-color);background-color:var(--bg-base);flex-direction:column;grid-area:1/2/2/3;display:flex;overflow:hidden}.positions-panel{grid-area:2/1/3/3;overflow:hidden}.order-form{grid-area:1/3/3/4}.trade-center{background-color:var(--bg-base);flex-direction:column;flex:1;display:flex;overflow:hidden}@media (width<=1400px){.trade-layout{grid-template-columns:1fr 280px 320px}}@media (width<=1200px){.trade-layout{grid-template-rows:auto;grid-template-columns:1fr 340px;height:auto;overflow:auto}.trade-orderbook{display:none}.trade-center{grid-template-rows:450px auto;height:auto}}@media (width<=850px){.desktop-only{display:none!important}.mobile-only{display:block!important}.mobile-flex{display:flex!important}.stack-mobile{flex-direction:column!important}.responsive-grid-1{grid-template-columns:1fr!important;gap:16px!important}.table-responsive{-webkit-overflow-scrolling:touch!important;width:100%!important;display:block!important;overflow-x:auto!important}.trade-layout{flex-direction:column!important;height:auto!important;display:flex!important;overflow:visible!important}.trade-main-area,.trade-orderbook,.positions-panel,.order-form{border-right:none!important;border-bottom:1px solid var(--border-color)!important;grid-area:auto!important;width:100%!important;height:auto!important}}@media (width>=851px){.mobile-only{display:none!important}}.ticker-stats-container{align-items:center;gap:16px;font-size:11px;display:flex}@media (width<=850px){.ticker-stats-container{white-space:nowrap;-webkit-overflow-scrolling:touch;width:100%;padding:4px 0;overflow-x:auto}.ticker-stats-container::-webkit-scrollbar{display:none}}.custom-checkbox{appearance:none;font:inherit;color:currentColor;border:1px solid var(--border-color);cursor:pointer;background-color:#0000;border-radius:4px;place-content:center;width:16px;height:16px;margin:0;display:grid}.custom-checkbox:before{content:"";width:8px;height:8px;box-shadow:inset 1em 1em var(--color-primary);background-color:var(--color-primary);transform-origin:50%;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%);transition:transform .12s ease-in-out;transform:scale(0)}.custom-checkbox:checked:before{transform:scale(1)}.custom-checkbox:checked{border-color:var(--color-primary)}input[type=range].leverage-slider-yellow{-webkit-appearance:none;background:0 0;width:100%}input[type=range].leverage-slider-yellow::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#eed33f;border:2px solid #2b3139;border-radius:50%;width:14px;height:14px;margin-top:-6px}input[type=range].leverage-slider-yellow::-webkit-slider-runnable-track{cursor:pointer;background:#2b3139;border-radius:1px;width:100%;height:2px}input[type=range].leverage-slider-yellow:focus{outline:none}