.app{display:flex;flex-direction:column;height:100vh}
.topbar{display:flex;align-items:center;gap:14px;padding:0 12px;height:56px;background:var(--panel);border-bottom:1px solid var(--line);flex-shrink:0}
.body{display:grid;grid-template-columns:210px 1fr 300px;flex:1;min-height:0}
.watch{background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0}
.center{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--bg)}
.right{background:var(--panel2);border-left:1px solid var(--line);display:flex;flex-direction:column;min-height:0}
.bottom{height:216px;display:flex;flex-direction:column;border-top:1px solid var(--line);background:var(--panel);flex-shrink:0}
.chartbar{display:flex;align-items:center;justify-content:space-between;padding:5px 10px;border-bottom:1px solid var(--line2);background:var(--panel)}
#chart{flex:1;min-height:180px}
#equityChart{height:100%;width:100%}
.book{display:flex;flex-direction:column;flex:0 0 auto}
.trades{flex:1;min-height:0;display:flex;flex-direction:column;border-top:1px solid var(--line)}
.panels{flex:1;overflow:auto;min-height:0}
.panel{display:none;height:100%}
.panel.active{display:block}
@media(max-width:1180px){.body{grid-template-columns:180px 1fr 260px}.hstats{display:none}}
@media(max-width:900px){.body{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}.watch{display:none}.right{border-left:none;border-top:1px solid var(--line)}}
.boot{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:var(--bg);z-index:200}
.bootlogo{width:52px;height:52px;border-radius:14px;background:var(--acc);color:#0b0e11;display:grid;place-items:center;font-size:26px;font-weight:900}
.bootbar{width:180px;height:3px;background:var(--line);border-radius:2px;overflow:hidden}
.bootbar i{display:block;height:100%;width:40%;background:var(--acc);animation:boot 1.2s infinite}
@keyframes boot{0%{transform:translateX(-100%)}100%{transform:translateX(300%)}}
.boot p{color:var(--dim);font-size:11px}
