:root{--bg-primary: #000000;--bg-secondary: #0a0a0f;--bg-tertiary: #0f0f14;--bg-elevated: #14141a;--bg-card: #18181e;--color-buy: #00ff88;--color-buy-dark: #00cc6e;--color-buy-bg: rgba(0, 255, 136, .08);--color-buy-glow: rgba(0, 255, 136, .4);--color-sell: #ff3366;--color-sell-dark: #cc2952;--color-sell-bg: rgba(255, 51, 102, .08);--color-sell-glow: rgba(255, 51, 102, .4);--color-primary: #7c3aed;--color-primary-light: #9f67ff;--color-primary-dark: #5b21b6;--color-primary-glow: rgba(124, 58, 237, .4);--color-secondary: #06b6d4;--color-secondary-glow: rgba(6, 182, 212, .3);--color-accent: #f59e0b;--color-accent-glow: rgba(245, 158, 11, .3);--text-primary: #ffffff;--text-secondary: #a1a1aa;--text-tertiary: #71717a;--text-muted: #52525b;--text-disabled: #3f3f46;--border-subtle: rgba(255, 255, 255, .03);--border-medium: rgba(255, 255, 255, .06);--border-strong: rgba(255, 255, 255, .12);--glass-bg: rgba(255, 255, 255, .02);--glass-border: rgba(255, 255, 255, .06);--glass-hover: rgba(255, 255, 255, .05);--glass-active: rgba(255, 255, 255, .08);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .5);--shadow-md: 0 4px 12px rgba(0, 0, 0, .6);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .7);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .8);--glow-buy: 0 0 32px var(--color-buy-glow), 0 0 12px var(--color-buy-glow);--glow-sell: 0 0 32px var(--color-sell-glow), 0 0 12px var(--color-sell-glow);--glow-primary: 0 0 32px var(--color-primary-glow), 0 0 12px var(--color-primary-glow);--glow-secondary: 0 0 24px var(--color-secondary-glow);--gradient-buy: linear-gradient(135deg, var(--color-buy) 0%, #00cc88 100%);--gradient-sell: linear-gradient(135deg, var(--color-sell) 0%, #ff1a55 100%);--gradient-primary: linear-gradient(135deg, #7c3aed 0%, #a855f7 50%, #06b6d4 100%);--gradient-dark: linear-gradient(180deg, rgba(255, 255, 255, .04) 0%, rgba(255, 255, 255, 0) 100%);--gradient-mesh: radial-gradient(at 40% 20%, rgba(124, 58, 237, .15) 0px, transparent 50%), radial-gradient(at 80% 0%, rgba(6, 182, 212, .1) 0px, transparent 50%), radial-gradient(at 0% 50%, rgba(245, 158, 11, .08) 0px, transparent 50%);--transition-ultra-fast: .1s cubic-bezier(.4, 0, .2, 1);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .5s cubic-bezier(.68, -.55, .265, 1.55);--z-base: 1;--z-elevated: 10;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-tooltip: 500}*{scrollbar-width:thin;scrollbar-color:var(--text-muted) transparent}.glass-panel{background:linear-gradient(135deg,#ffffff08,#ffffff03);border:1px solid var(--glass-border);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%)}.glass-panel-hover{transition:all var(--transition-base)}.glass-panel-hover:hover{background:linear-gradient(135deg,#ffffff0d,#ffffff05);border-color:var(--border-medium);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.glass-panel-active:active{transform:translateY(0);background:var(--glass-active)}.premium-card{background:linear-gradient(135deg,#7c3aed0d,#06b6d408);border:1px solid rgba(124,58,237,.2);box-shadow:0 8px 32px #0006,inset 0 1px #ffffff1a;position:relative;overflow:hidden}.premium-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.premium-card:hover:before{left:100%}.gradient-border{position:relative;background:var(--bg-card);border-radius:12px}.gradient-border:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:var(--gradient-primary);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.5;transition:opacity var(--transition-base)}.gradient-border:hover:before{opacity:1}.glow-buy{box-shadow:var(--glow-buy)}.glow-sell{box-shadow:var(--glow-sell)}.glow-primary{box-shadow:var(--glow-primary)}.glow-subtle{box-shadow:0 0 20px #7c3aed33}@keyframes pulse-glow{0%,to{opacity:1;filter:brightness(1)}50%{opacity:.8;filter:brightness(1.2)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes slide-up-fade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes flash-buy{0%,to{background-color:transparent}50%{background-color:var(--color-buy-bg);box-shadow:0 0 20px var(--color-buy-glow)}}@keyframes flash-sell{0%,to{background-color:transparent}50%{background-color:var(--color-sell-bg);box-shadow:0 0 20px var(--color-sell-glow)}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes border-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-slide-up{animation:slide-up-fade .4s ease-out}.animate-scale-in{animation:scale-in .3s ease-out}.flash-buy{animation:flash-buy .4s ease-out}.flash-sell{animation:flash-sell .4s ease-out}.custom-scrollbar::-webkit-scrollbar{width:4px;height:4px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#7c3aed4d;border-radius:2px;transition:background var(--transition-fast)}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#7c3aed80}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.order-row-buy{background:linear-gradient(to left,var(--color-buy-bg) 0%,transparent 100%);border-left:2px solid transparent;transition:all var(--transition-fast)}.order-row-buy:hover{background:linear-gradient(to left,#00ff881f,#00ff880a);border-left-color:var(--color-buy)}.order-row-sell{background:linear-gradient(to left,var(--color-sell-bg) 0%,transparent 100%);border-left:2px solid transparent;transition:all var(--transition-fast)}.order-row-sell:hover{background:linear-gradient(to left,#ff33661f,#ff33660a);border-left-color:var(--color-sell)}.btn-premium{position:relative;font-weight:700;letter-spacing:.5px;overflow:hidden;transition:all var(--transition-base)}.btn-premium:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-premium:hover:before{width:300px;height:300px}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-glow{text-shadow:0 0 20px currentColor}.skeleton{background:linear-gradient(90deg,#ffffff05,#ffffff0d,#ffffff05);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}.hover-lift{transition:transform var(--transition-base),box-shadow var(--transition-base)}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.interactive{cursor:pointer;transition:all var(--transition-fast)}.interactive:hover{transform:scale(1.02)}.interactive:active{transform:scale(.98)}.mesh-bg{background:var(--bg-primary);background-image:var(--gradient-mesh)}.divider-gradient{height:1px;background:linear-gradient(90deg,transparent 0%,rgba(124,58,237,.5) 50%,transparent 100%)}.status-dot{width:8px;height:8px;border-radius:50%;animation:pulse-glow 2s infinite}.status-online{background:var(--color-buy);box-shadow:0 0 12px var(--color-buy-glow)}.status-offline{background:var(--text-muted)}@media(max-width:768px){:root{--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 2px 8px rgba(0, 0, 0, .5);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .6)}}