:root{--bg: #0b0e14;--bg-soft: #131722;--border: #2a2e39;--text: #d1d4dc;--muted: #787b86;--up: #26a69a;--down: #ef5350;--accent: #2962ff;--gold: #eab308}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent}.app{display:flex;flex-direction:column;height:100%;width:100%;max-width:1920px;margin:0 auto}.topbar{display:flex;align-items:center;gap:12px;padding:8px 14px;background:var(--bg-soft);border-bottom:1px solid var(--border);flex-wrap:wrap}.topbar .logo{font-weight:700;color:var(--gold);font-size:15px}.topbar .symbol{font-weight:600}.topbar .status{font-size:12px;color:var(--muted)}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.dot.ok{background:var(--up)}.dot.err{background:var(--down)}.topbar .right{margin-left:auto;display:flex;gap:8px;align-items:center}.chart-wrap{flex:1;min-height:0;position:relative}.chart-col{flex:1;min-height:0;display:flex;flex-direction:column}.chart-main{flex:1;min-height:0;position:relative}.chart-sub{height:150px;min-height:110px;position:relative;border-top:1px solid var(--border)}.chart-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:140px;height:140px;object-fit:contain;opacity:.2;pointer-events:none;z-index:5}.chart-auto{position:absolute;top:8px;right:8px;z-index:6;border:1px solid var(--border);border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600;cursor:pointer;background:var(--panel);color:var(--muted)}.candle-timer{position:absolute;top:0;left:0;z-index:6;display:none;background:#131722eb;border:1px solid var(--border);border-radius:6px;padding:4px 10px;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--gold);letter-spacing:.5px;pointer-events:none;white-space:nowrap;will-change:transform}.chart-auto.off{color:var(--gold);border-color:var(--gold);background:#ffc40014}.tf-switch{display:flex;gap:4px}.tf-btn{background:transparent;color:var(--muted);border:1px solid var(--border);border-radius:5px;padding:3px 8px;font-size:11px;font-weight:600;cursor:pointer}.tf-btn:hover{color:var(--text)}.tf-btn.ativo{background:var(--accent);color:#fff;border-color:var(--accent)}.painel{background:var(--bg-soft);border-top:1px solid var(--border);padding:10px 14px;display:flex;gap:16px;flex-wrap:wrap;font-size:13px}.painel .campo{display:flex;flex-direction:column;gap:2px}.painel .rotulo{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.painel .valor{font-weight:600;font-variant-numeric:tabular-nums}.valor.up{color:var(--up)}.valor.down{color:var(--down)}.valor.gold{color:var(--gold)}.btn{background:var(--accent);color:#fff;border:none;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:600;cursor:pointer}.btn:hover{opacity:.9}.btn.ghost{background:transparent;color:var(--text);border:1px solid var(--border)}.btn:disabled{opacity:.4;cursor:not-allowed}.badge{display:inline-block;background:var(--border);border-radius:4px;padding:1px 6px;font-size:11px;color:var(--text)}.badge.gold{background:#eab30826;color:var(--gold)}.badge.up{background:#26a69a26;color:var(--up)}.badge.down{background:#ef535026;color:var(--down)}.erro-banner{background:#ef53501f;color:var(--down);border-bottom:1px solid rgba(239,83,80,.3);padding:8px 14px;font-size:12px}.erro-banner.warn{background:#eab3081f;color:var(--gold);border-bottom:1px solid rgba(234,179,8,.3)}.erro-banner code{background:#ffffff14;padding:1px 5px;border-radius:4px}.spinner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--muted)}.legenda{display:flex;gap:10px;font-size:11px;color:var(--muted);align-items:center;flex-wrap:wrap}.legenda .item{display:inline-flex;align-items:center;gap:4px}.legenda .sw{display:inline-block;width:10px;height:10px;border-radius:2px}.sw.vwap{background:#22d3ee}.sw.buy{background:#2962ff}.sw.sell{background:#ff1744}.sw.top{background:#ff8a80}.sw.bot{background:#80deea}.sw.lat{background:#a3e635}@media(max-width:720px){.topbar{gap:8px;padding:6px 10px}.chart-sub{height:120px;min-height:90px}.chart-logo{width:90px;height:90px}.chart-auto{top:6px;right:6px;padding:3px 8px;font-size:11px}.tf-btn{padding:3px 6px;font-size:10px}.painel{gap:10px;padding:8px 10px;font-size:12px}}@media(max-height:600px){.chart-sub{height:90px;min-height:70px}}@media(min-width:1920px){.app{max-width:none}}