@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700&family=Rajdhani:wght@300;400;500;600&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:#06080c;font-family:Rajdhani,sans-serif}*{box-sizing:border-box}body{background-color:#06080c;min-height:100vh;margin:0;font-family:Rajdhani,sans-serif}h1,h2,h3,.brand-title{font-family:Orbitron,sans-serif}button,input{font-family:Rajdhani,sans-serif}#root{min-height:100vh}button{cursor:pointer}input:focus,button:focus{outline-offset:2px;outline:2px solid #78dcff80}.hangar{color:#ecf0f3;background:linear-gradient(#111418 0%,#0d1013 60%,#0b0d10 100%);min-height:100vh;position:relative;overflow:hidden}.backdrop,.contrails{display:none}.topbar{z-index:2;justify-content:space-between;align-items:center;padding:28px 60px 14px;display:flex;position:relative}.brand{align-items:center;display:flex}.brand-mark{display:none}.brand-title{letter-spacing:.08em;text-transform:none;font-size:21px;font-weight:600}.brand-sub{letter-spacing:.12em;color:#ecf0f394;text-transform:uppercase;font-size:12px}.status{letter-spacing:.2em;text-transform:uppercase;color:#ecf0f3ad;align-items:center;gap:10px;font-size:12px;display:flex}.dot{background:#7a8a9a;border-radius:50%;width:10px;height:10px}.dot.open{background:#60f0b4;box-shadow:0 0 10px #60f0b4cc}.dot.connecting{background:#ffd36f;box-shadow:0 0 10px #ffd36fcc}.dot.error{background:#ff7b7b;box-shadow:0 0 10px #ff7b7bcc}.grid{z-index:1;grid-template-rows:auto auto;grid-template-columns:minmax(250px,310px) minmax(0,1fr);gap:28px;padding:24px 60px 40px;display:grid;position:relative}.panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#11151aeb;border:1px solid #ffffff14;border-radius:18px;padding:24px;box-shadow:0 16px 28px #00000047}.panel h2{letter-spacing:.3em;text-transform:uppercase;color:#bbd7ffcc;margin:0 0 18px;font-size:14px}.left .field{letter-spacing:.2em;text-transform:uppercase;color:#e9f2ffb3;flex-direction:column;gap:8px;font-size:12px;display:flex}.left input{color:#e9f2ff;letter-spacing:.18em;text-transform:uppercase;background:#0c141ee6;border:1px solid #78aaff4d;border-radius:10px;padding:12px 14px;font-size:16px}.preset-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:16px 0 20px;display:grid}.preset-row button{color:#e9f2ffb3;letter-spacing:.2em;text-transform:uppercase;background:#0f1924b3;border:1px solid #78aaff33;border-radius:8px;padding:8px 0;font-size:12px;transition:all .2s}.preset-row button.active,.preset-row button:hover{color:#e9f2ff;border-color:#66d2aab3;box-shadow:0 0 14px #66d2aa3d}.readout{background:#080e15cc;border:1px solid #78aaff33;border-radius:16px;gap:6px;padding:18px;display:grid}.readout .label{letter-spacing:.3em;text-transform:uppercase;color:#bbd7ff99;font-size:12px}.readout .value{font-size:34px;font-weight:600}.delta{letter-spacing:.2em;font-size:14px}.delta.up{color:#7fffb3}.delta.down{color:#ff8a8a}.delta.flat{color:#e9f2ff99}.timestamp{color:#e9f2ff80;font-size:12px}.meters{gap:12px;margin-top:16px;display:grid}.meters div{letter-spacing:.12em;text-transform:uppercase;color:#e9f2ffb3;justify-content:space-between;font-size:13px;display:flex}.chart-panel{grid-area:1/2;gap:16px;display:grid}.left{grid-area:1/1/span 2}.right{grid-area:2/2}.chart-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.chart-title{letter-spacing:.24em;text-transform:uppercase;font-family:Orbitron,sans-serif;font-size:14px}.chart-sub{letter-spacing:.2em;text-transform:uppercase;color:#e9f2ff99;font-size:12px}.hud{background:#080c1280;border:1px solid #78aaff40;border-radius:16px;place-items:center;min-height:420px;margin-bottom:18px;display:grid;position:relative;overflow:hidden}.hud.small{min-height:220px}.hud.small .hud-ring{width:180px;height:180px}.hud.small .hud-center .price{font-size:28px}.hud-ring{border:2px solid #78dcff59;border-radius:50%;width:320px;height:320px;box-shadow:0 0 30px #5fb2ff33}.hud-lines{border:1px dashed #78dcff33;border-left:none;border-right:none;position:absolute;inset:20% 10%}.hud-center{text-align:center;text-transform:uppercase;letter-spacing:.3em;position:absolute}.hud-center .ticker{color:#e9f2ff99;font-size:16px}.hud-center .price{margin-top:6px;font-size:36px}.hud-center .signal{color:#78dcff99;margin-top:8px;font-size:11px}.hud-sidebar{gap:8px;display:grid;position:absolute;top:26px}.hud-sidebar.left{left:18px}.hud-sidebar.right{right:18px}.chip{letter-spacing:.3em;text-transform:uppercase;color:#e9f2ff99;border:1px solid #78dcff40;border-radius:999px;padding:6px 10px;font-size:10px}.right .log{gap:14px;display:grid}.right .log div{letter-spacing:.16em;text-transform:uppercase;color:#e9f2ffb3;justify-content:space-between;font-size:13px;display:flex}.trade{background:#0a1018cc;border:1px solid #78dcff33;border-radius:14px;gap:12px;margin-top:22px;padding:16px;display:grid}.trade-title{letter-spacing:.3em;text-transform:uppercase;color:#bbd7ffb3;font-size:12px}.trade-row{gap:12px;display:grid}.trade-row label{letter-spacing:.2em;text-transform:uppercase;color:#e9f2ff99;gap:6px;font-size:12px;display:grid}.trade-row input{color:#e9f2ff;background:#080e15e6;border:1px solid #78aaff4d;border-radius:10px;padding:10px 12px;font-size:16px}.trade-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.trade-actions button{letter-spacing:.2em;text-transform:uppercase;border:none;border-radius:10px;padding:10px 0;font-size:11px;font-weight:600}.trade-actions .buy{color:#08110a;background:linear-gradient(130deg,#7bffb0,#4dd6a5)}.trade-actions .sell{color:#200b0b;background:linear-gradient(130deg,#ff8a8a,#ff6a6a)}.sl-tp{gap:10px;display:grid}.sl-tp-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.sl-tp-row label{letter-spacing:.2em;text-transform:uppercase;color:#e9f2ff99;gap:6px;font-size:12px;display:grid}.sl-tp-row input{color:#e9f2ff;background:#080e15e6;border:1px solid #78aaff4d;border-radius:10px;padding:8px 10px;font-size:13px}.sl-tp-quick{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.sl-tp-quick button{color:#e9f2ffd9;letter-spacing:.12em;text-transform:uppercase;background:#0c141eb3;border:1px solid #78dcff33;border-radius:10px;padding:8px 0;font-size:9px}.position{gap:6px;display:grid}.position div,.last-fill{letter-spacing:.16em;text-transform:uppercase;color:#e9f2ffb3;justify-content:space-between;font-size:12px;display:flex}.last-fill strong{color:#e9f2ffe6}.positions{background:#090e15cc;border:1px solid #78dcff2e;border-radius:14px;gap:10px;margin-top:16px;padding:14px;display:grid}.positions-title{letter-spacing:.3em;text-transform:uppercase;color:#bbd7ffb3;font-size:12px}.positions-empty{letter-spacing:.2em;text-transform:uppercase;color:#e9f2ff80;font-size:11px}.positions-list{gap:8px;display:grid}.positions-row{letter-spacing:.12em;text-transform:uppercase;color:#e9f2ffbf;grid-template-columns:1fr 1fr 1.2fr 1fr 1fr;gap:6px;font-size:12px;display:grid}.positions-row strong{color:#e9f2ff}.pnl.up{color:#7fffb3}.pnl.down{color:#ff8a8a}.chart-toggle{color:#e9f2ffd9;letter-spacing:.2em;text-transform:uppercase;background:#0c141eb3;border:1px solid #78dcff59;border-radius:10px;padding:10px 12px;font-size:10px}.chart-tools{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.indicator-panel{background:#110c1e80;border:1px solid #b87aff47;border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;padding:12px;display:grid}.preset-row-indicators{flex-wrap:wrap;grid-column:1/-1;gap:8px;display:flex}.preset-pill{color:#e9f2ffd6;letter-spacing:.18em;text-transform:uppercase;background:#1d122fb8;border:1px solid #b87aff59;border-radius:999px;padding:8px 12px;font-size:10px}.preset-pill.active{color:#fff5fffa;border-color:#d0a5fff2;box-shadow:0 0 12px #b87aff59}.indicator-panel label{letter-spacing:.12em;text-transform:uppercase;color:#e9f2ffd1;gap:6px;font-size:11px;display:grid}.indicator-panel input[type=number],.indicator-panel input[type=color]{color:#e9f2ffeb;background:#0c141ee6;border:1px solid #83aac859;border-radius:8px;padding:7px 8px}.indicator-panel input[type=checkbox]{width:14px;height:14px}.indicator-panel input[type=range]{width:100%}.chart-pill{color:#e9f2ffc7;letter-spacing:.16em;text-transform:uppercase;background:#0c141e99;border:1px solid #83aac859;border-radius:999px;padding:8px 10px;font-size:10px}.chart-pill.active{color:#f0dcfff5;border-color:#b87affd9;box-shadow:0 0 12px #b87aff59}.chart-pill:disabled{opacity:.45;cursor:not-allowed}.chart-zoom-level{letter-spacing:.18em;text-transform:uppercase;color:#9fc7ffcc;font-size:10px}.chart{background:#080e15cc;border:1px solid #78dcff33;border-radius:12px;padding:12px}.chart.main{min-height:68vh}.chart-wrap{position:relative}.chart svg{width:100%;height:auto;display:block}.candle-svg{cursor:crosshair}.chart-context-menu{z-index:4;background:#080e15f5;border:1px solid #78dcff59;border-radius:10px;gap:7px;width:200px;padding:10px;display:grid;position:absolute;box-shadow:0 14px 28px #00000073}.chart-context-menu .menu-title{letter-spacing:.14em;text-transform:uppercase;color:#9fc7ffd9;margin-bottom:2px;font-size:10px}.chart-context-menu button{color:#e9f2ffe0;text-align:left;background:#0c141ecc;border:1px solid #78dcff42;border-radius:8px;padding:8px 9px;font-size:11px}.chart-context-menu button:disabled{opacity:.45}.chart-context-menu .menu-note{color:#e9f2ff99;font-size:10px}.chart-loading{letter-spacing:.2em;text-transform:uppercase;color:#e9f2ff99;text-align:center;padding:18px 10px;font-size:12px}.chart-error{letter-spacing:.08em;color:#ff9595e6;text-transform:none;margin-top:8px;font-size:11px}.footer{z-index:2;letter-spacing:.3em;text-transform:uppercase;color:#e9f2ff80;justify-content:space-between;padding:8px 60px 28px;font-size:10px;display:flex;position:relative}@media (width<=1100px){.grid{grid-template-columns:minmax(0,1fr)}.left,.chart-panel,.right{grid-area:auto/1}.chart-panel{order:-1}}@media (width<=700px){.topbar,.grid,.footer{padding-left:14px;padding-right:14px}.topbar{flex-direction:column;align-items:flex-start;gap:10px;padding-top:18px}.status{letter-spacing:.12em}.grid{gap:16px;padding-top:16px}.panel{padding:16px}.preset-row{grid-template-columns:repeat(2,minmax(0,1fr))}.readout .value{font-size:28px}.chart.main{min-height:52vh}.chart{padding:8px}.chart-title{letter-spacing:.16em;font-size:12px}.chart-sub{letter-spacing:.12em}.chart-pill,.chart-toggle,.preset-pill,.chart-zoom-level{letter-spacing:.1em;font-size:9px}.indicator-panel,.sl-tp-row,.trade-actions{grid-template-columns:1fr}.hud{min-height:260px}.hud-ring{width:min(68vw,230px);height:min(68vw,230px)}.hud.small{min-height:250px;padding:12px 10px 54px}.hud.small .hud-ring{width:min(52vw,165px);height:min(52vw,165px)}.hud.small .hud-lines{inset:22% 12%}.hud.small .hud-center{letter-spacing:.2em}.hud.small .hud-center .ticker{font-size:13px}.hud.small .hud-center .price{font-size:24px}.hud.small .hud-center .signal{margin-top:6px;font-size:10px}.hud.small .hud-sidebar{grid-auto-flow:column;gap:6px;position:absolute;top:auto;bottom:12px}.hud.small .hud-sidebar.left{left:10px}.hud.small .hud-sidebar.right{right:10px}.hud.small .chip{letter-spacing:.16em;padding:5px 8px;font-size:9px}.chart-context-menu{width:min(180px,100vw - 44px)}.positions-row{grid-template-columns:1fr 1fr;row-gap:4px}.footer{flex-direction:column;align-items:flex-start;gap:6px}}@media (width<=420px){.brand-title{font-size:18px}.brand-sub{font-size:10px}.hud{min-height:230px}.hud.small{min-height:220px;padding-bottom:48px}.hud.small .hud-ring{width:min(56vw,150px);height:min(56vw,150px)}.hud.small .hud-center .price{font-size:22px}.hud.small .hud-sidebar{gap:4px;bottom:10px}}