@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--bg-base:#060608;--bg-surface:#0e0e12;--bg-surface-hover:#15151c;--bg-surface-active:#1d1d26;--color-primary:#8a2be2;--color-primary-rgb:138, 43, 226;--color-success:#00ff87;--color-success-rgb:0, 255, 135;--color-danger:#ff3b30;--color-danger-rgb:255, 59, 48;--color-cyan:#00f0ff;--color-cyan-rgb:0, 240, 255;--color-warning:#ffb300;--color-text:#f3f3f7;--color-text-muted:#889;--border-color:#1e1e26;--border-glow:#8a2be226;--font-sans:"Inter", sans-serif;--font-heading:"Inter", sans-serif;--font-mono:"Inter", sans-serif;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:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.glass{-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);background:#0e0e12b3}.glass-glow{border:1px solid #8a2be24d;box-shadow:0 0 20px #8a2be21a}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:700}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.container{max-width:1440px;margin:0 auto;padding:0 20px}.glow-text-green{text-shadow:0 0 10px #00ff8780}.glow-text-red{text-shadow:0 0 10px #ff3b3080}.glow-text-primary{text-shadow:0 0 10px #8a2be299}.glow-text-cyan{text-shadow:0 0 10px #00f0ff99}@keyframes pulse-glow{0%,to{border-color:#8a2be24d;box-shadow:0 0 15px #8a2be233}50%{border-color:#8a2be299;box-shadow:0 0 25px #8a2be266}}.pulse-border{animation:3s ease-in-out infinite pulse-glow}@keyframes flash-green{0%{background-color:#00ff8766}to{background-color:#0000}}@keyframes flash-red{0%{background-color:#ff3b3066}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:8px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:0 4px 15px #8a2be24d}.btn-primary:hover{background:#9d3bf5;transform:translateY(-1px);box-shadow:0 4px 20px #8a2be280}.btn-primary:active{transform:translateY(0)}.btn-success{background:var(--color-success);color:#060608;border-color:var(--color-success);box-shadow:0 4px 15px #00ff874d}.btn-success:hover{background:#24ff96;transform:translateY(-1px);box-shadow:0 4px 20px #00ff8780}.btn-danger{background:var(--color-danger);color:#fff;border-color:var(--color-danger);box-shadow:0 4px 15px #ff3b304d}.btn-danger:hover{background:#ff5249;transform:translateY(-1px);box-shadow:0 4px 20px #ff3b3080}.btn-outline{border-color:var(--border-color);color:var(--color-text);background:0 0}.btn-outline:hover{background:var(--bg-surface-hover);border-color:var(--color-primary)}.btn-disabled{color:var(--color-text-muted);cursor:not-allowed;background:#24242c;border-color:#0000;box-shadow:none!important;transform:none!important}.panel{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.panel-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.panel-body{padding:20px}.leverage-slider{width:100%;accent-color:var(--color-primary);background:var(--border-color);border-radius:3px;outline:none;height:6px;margin:15px 0}.form-group{margin-bottom:16px}.form-label{color:var(--color-text-muted);font-size:12px;font-family:var(--font-heading);margin-bottom:6px;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:#06060880;border-radius:8px;outline:none;padding:12px 16px;font-size:14px;transition:all .2s}.input-control:focus{border-color:var(--color-primary);box-shadow:0 0 10px #8a2be233}.input-suffix{color:var(--color-text-muted);font-size:12px;font-family:var(--font-heading);position:absolute;right:16px}.trade-layout{background-color:var(--border-color);grid-template-rows:calc(100vh - 70px);grid-template-columns:280px 1fr 340px;gap:1px;display:grid;overflow:hidden}.trade-center{background-color:var(--border-color);grid-template-rows:1fr 280px;gap:1px;display:grid;overflow:hidden}@media (width<=1200px){.trade-layout{grid-template-rows:auto;grid-template-columns:1fr 320px;height:auto;overflow:auto}.trade-center{grid-template-rows:450px auto;height:auto}}@media (width<=800px){.trade-layout{grid-template-columns:1fr}}