@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg-base: #07090F;--bg-surface: #0C1018;--bg-elevated: #111827;--bg-hover: #1A2333;--bg-active: #1E2A3D;--border: rgba(255,255,255,.06);--border-strong: rgba(255,255,255,.12);--border-focus: rgba(91,127,255,.5);--text-primary: #E8EAED;--text-secondary: #8892A4;--text-muted: #4A5568;--text-disabled: #2D3748;--accent: #5B7FFF;--accent-dim: rgba(91,127,255,.15);--accent-glow: rgba(91,127,255,.3);--accent-hover: #6F8FFF;--success: #10D98E;--success-dim: rgba(16,217,142,.12);--success-glow: rgba(16,217,142,.25);--error: #FF4D6A;--error-dim: rgba(255,77,106,.12);--warning: #FFB733;--warning-dim: rgba(255,183,51,.12);--ex-bitget: #00D4FF;--ex-okx: #4EEDB0;--ex-gate: #FFB733;--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0,0,0,.4), 0 0 0 1px var(--border);--shadow-md: 0 4px 16px rgba(0,0,0,.5), 0 0 0 1px var(--border);--shadow-lg: 0 8px 32px rgba(0,0,0,.6), 0 0 0 1px var(--border);--shadow-xl: 0 24px 64px rgba(0,0,0,.8), 0 0 0 1px var(--border-strong);--transition: all .18s cubic-bezier(.4, 0, .2, 1);--transition-fast: all .1s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg-base);color:var(--text-primary);font-family:var(--font-body);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-hover);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--bg-active)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glowPulse{0%,to{box-shadow:0 0 8px var(--accent-glow)}50%{box-shadow:0 0 20px var(--accent-glow),0 0 40px #5b7fff1a}}@keyframes rowFlash{0%{background:#5b7fff26}to{background:transparent}}@keyframes buyFlash{0%{background:#10d98e26}to{background:transparent}}@keyframes sellFlash{0%{background:#ff4d6a26}to{background:transparent}}@keyframes dotBlink{0%,to{opacity:1}50%{opacity:.3}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fadeIn{animation:fadeIn .25s ease forwards}.animate-fadeInScale{animation:fadeInScale .2s cubic-bezier(.4,0,.2,1) forwards}.animate-slideRight{animation:slideInRight .25s ease forwards}.animate-slideUp{animation:slideInUp .2s ease forwards}.row-new-buy{animation:buyFlash 1.2s ease forwards}.row-new-sell{animation:sellFlash 1.2s ease forwards}.glow-accent{box-shadow:0 0 16px var(--accent-glow)}.glow-success{box-shadow:0 0 12px var(--success-glow)}.logo-gradient{background:linear-gradient(135deg,#5b7fff,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 2px var(--border-focus)}::selection{background:var(--accent-dim);color:var(--text-primary)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#07090fbf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000}.card-glass{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}@media (max-width: 768px){.hide-mobile{display:none!important}}@media (max-width: 480px){.hide-sm{display:none!important}}