:root{--bg:#08090c;--panel:#111218;--panel2:#171724;--line:#2b2940;--text:#f6f5fa;--muted:#9998a8;--purple:#7658ff;--blue:#537cff;--green:#48dfa2;--red:#ff6b74;--amber:#f2b85b}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(circle at 78% -15%,rgba(83,124,255,.15),transparent 34%),radial-gradient(circle at 18% 38%,rgba(118,88,255,.09),transparent 30%),var(--bg);color:var(--text);font:16px/1.5 "Segoe UI Variable Text","Segoe UI",Arial,sans-serif}
main{width:min(1540px,94%);margin:auto;padding:34px 0 70px}
header,.status,.head{display:flex;justify-content:space-between;align-items:center}
header{display:grid;grid-template-columns:230px 1fr auto;gap:28px;margin-bottom:26px}
.brand{display:block;width:220px;height:auto;margin:-55px 0}
.header-copy>span,.head span,.metrics article>span{font-size:11px;letter-spacing:.15em;color:#aaa1e2;font-weight:800}
h1,h2,p{margin:0}h1{font-size:31px;margin:5px 0 2px}h2{font-size:21px;margin-top:4px}
header p,.head small,.status small,.metrics article small{color:var(--muted);font-size:12px}
.badge{border:1px solid #6254a3;color:#bfb5ff;padding:8px 11px;border-radius:6px;font-size:10px;font-weight:800;letter-spacing:.12em}
.badge.ok{color:var(--green);border-color:#286c52}.badge.bad{color:var(--red);border-color:#71343a}
.status,.panel,.metrics article{background:linear-gradient(145deg,rgba(19,20,27,.99),rgba(12,13,18,.99));border:1px solid var(--line);border-radius:10px}
.status{padding:16px 19px;margin-bottom:15px}.status>div{display:grid;gap:3px}
.robot-switcher{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 12px 10px 18px;margin-bottom:15px;background:linear-gradient(145deg,rgba(19,20,27,.99),rgba(12,13,18,.99));border:1px solid var(--line);border-radius:10px}.robot-switcher>span{font-size:9px;letter-spacing:.15em;color:var(--muted);font-weight:800}.robot-tabs{display:flex;flex-wrap:wrap;gap:7px}.robot-tabs button{border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--muted);padding:9px 14px;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer}.robot-tabs button:hover{color:var(--text)}.robot-tabs button.active{color:var(--green);border-color:#286c52;background:rgba(72,223,162,.08)}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:15px}
.metrics article{padding:20px;min-height:130px}.metrics strong{display:block;font-size:27px;margin:17px 0 5px}
.equity-card{position:relative;overflow:hidden;min-height:168px!important}.equity-card.gain{border-color:rgba(72,223,162,.45)}.equity-card.loss{border-color:rgba(255,107,116,.45)}
.equity-evolution{display:grid;gap:2px;margin-top:12px;padding:9px 11px;border:1px solid var(--line);border-radius:7px;background:rgba(255,255,255,.025)}.equity-evolution>span{font-size:9px;letter-spacing:.13em;color:var(--muted);font-weight:800}.equity-evolution>b{font-size:15px}.equity-evolution>small{font-size:10px;color:var(--muted)}
.panel{padding:21px;margin-top:15px}.positions-panel{border-color:#383451;box-shadow:0 12px 34px rgba(0,0,0,.16)}
.table{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;margin-top:16px}
th{text-align:left;color:#aaa5c1;background:rgba(28,27,42,.88);font-size:10.5px;letter-spacing:.1em;padding:10px 12px;border-bottom:1px solid var(--line)}
td{padding:14px 12px;border-bottom:1px solid #262533;font-size:13.5px;color:#d0ced9}td b{color:#fff}
.tag{display:inline-block;font-size:10.5px;padding:4px 7px;border-radius:5px;background:#211c38;color:#bfb5ff;border:1px solid rgba(118,88,255,.25)}
.tag.long{background:rgba(72,223,162,.1);color:var(--green);border-color:rgba(72,223,162,.28)}
.tag.short{background:rgba(255,107,116,.1);color:#ff7b85;border-color:rgba(255,107,116,.28)}
.tag.neutro{color:var(--amber);background:rgba(242,184,91,.08);border-color:rgba(242,184,91,.2)}
.green,.green b{color:var(--green)!important}.red,.red b{color:var(--red)!important}.neutral,.neutral b{color:var(--text)!important}
.pnl-value b{font-size:14.5px}.fee{color:var(--amber)}
.empty{text-align:center;color:var(--muted);padding:36px}.events>div{display:grid;grid-template-columns:190px 1fr;border-bottom:1px solid var(--line);padding:13px 4px}
.events time{color:#858398;font-size:12px}.events p{font-size:13.5px}
.chart-panel{position:relative}.chart-panel canvas{display:block;width:100%;height:280px;margin-top:12px}.chart-footer{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;margin:4px 4px 0 78px}.chart-tooltip{position:absolute;z-index:5;min-width:172px;pointer-events:none;padding:10px 12px;border:1px solid var(--line);border-radius:7px;background:rgba(12,13,18,.97);color:var(--text);box-shadow:0 10px 30px rgba(0,0,0,.28);font-size:11px;line-height:1.45;transform:translate(10px,-100%)}.chart-tooltip b,.chart-tooltip time{display:block}.chart-tooltip time{color:var(--muted);font-size:9px;margin-top:3px}
@media(max-width:900px){header{grid-template-columns:190px 1fr}.brand{width:180px}.badge{grid-column:1/-1;justify-self:start}.metrics{grid-template-columns:1fr 1fr}}
@media(max-width:700px){
  body{font-size:15px;background:radial-gradient(circle at 90% 0,rgba(83,124,255,.12),transparent 28%),var(--bg)}
  main{width:100%;padding:14px 12px 48px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:10px}
  main>*{order:5;grid-column:1/-1}main>header{order:0}main>.status{order:1}main>.metrics{display:contents}main>.metrics>.mobile-primary{order:2;grid-column:auto;margin-top:12px}main>.positions-panel{order:3}main>.metrics>.mobile-secondary{order:4;grid-column:auto;margin-top:12px}
  header{grid-template-columns:132px 1fr;gap:13px;margin-bottom:14px;align-items:center}
  .brand{width:132px;margin:-30px 0}
  .header-copy>span{font-size:8px;letter-spacing:.11em}.header-copy h1{font-size:20px;line-height:1.15;margin:3px 0}.header-copy p{display:none}
  .badge{grid-column:1/-1;justify-self:stretch;text-align:center;padding:7px;font-size:9px}
  .status{padding:13px 14px;gap:10px;align-items:flex-start}.status time{font-size:11px;white-space:nowrap}
  .robot-switcher{align-items:flex-start;flex-direction:column;padding:12px}.robot-tabs{width:100%}.robot-tabs button{flex:1 1 calc(50% - 7px);padding:8px 6px}
  .panel{padding:15px 13px;margin-top:12px;border-radius:9px}.head{align-items:flex-start;gap:12px}.head h2{font-size:18px}.head small{font-size:10px;text-align:right}
  .metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.metrics article{padding:14px 12px;min-height:105px}.metrics article>span{font-size:8.5px;letter-spacing:.1em}.metrics strong{font-size:19px;line-height:1.15;margin:13px 0 5px;overflow-wrap:anywhere}.metrics article small{font-size:10px}
  .table{overflow:visible}table{display:block;margin-top:12px;white-space:normal}thead{display:none}tbody{display:grid;gap:10px}tr{display:grid;background:#0d0e13;border:1px solid #29283a;border-radius:8px;padding:6px 11px}td{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:8px 0;border-bottom:1px solid #24232f;text-align:right;font-size:13px}td:last-child{border-bottom:0}td::before{color:#8f8ca3;font-size:9px;font-weight:800;letter-spacing:.1em;text-align:left}td:first-child{font-size:15px;padding-top:9px}
  #positions td:nth-child(1)::before,#analysis td:nth-child(1)::before,#orders td:nth-child(1)::before{content:'ATIVO'}
  #positions td:nth-child(2)::before{content:'DIREÇÃO'}#positions td:nth-child(3)::before{content:'TAMANHO'}#positions td:nth-child(4)::before{content:'ENTRADA'}#positions td:nth-child(5)::before{content:'PREÇO ATUAL'}#positions td:nth-child(6)::before{content:'VALOR DA POSIÇÃO'}#positions td:nth-child(7)::before{content:'MARGEM APORTADA'}#positions td:nth-child(8)::before{content:'P&L'}
  #analysis td:nth-child(2)::before{content:'FECHAMENTO'}#analysis td:nth-child(3)::before{content:'MÉDIAS'}#analysis td:nth-child(4)::before{content:'MOMENTUM'}#analysis td:nth-child(5)::before{content:'VOL. ANUAL'}#analysis td:nth-child(6)::before{content:'PESO-ALVO'}#analysis td:nth-child(7)::before{content:'SINAL'}#analysis td:nth-child(8)::before{content:'DECISÃO'}
  #trades td:nth-child(1)::before{content:'VERSÃO'}#trades td:nth-child(2)::before{content:'ATIVO / DIREÇÃO'}#trades td:nth-child(3)::before{content:'ENTRADA'}#trades td:nth-child(4)::before{content:'SAÍDA'}#trades td:nth-child(5)::before{content:'BRUTO'}#trades td:nth-child(6)::before{content:'TAXAS'}#trades td:nth-child(7)::before{content:'LÍQUIDO'}#trades td:nth-child(8)::before{content:'MOTIVO'}#trades td:nth-child(9)::before{content:'HORÁRIO'}
  #orders td:nth-child(2)::before{content:'LADO'}#orders td:nth-child(3)::before{content:'TIPO'}#orders td:nth-child(4)::before{content:'PREÇO'}#orders td:nth-child(5)::before{content:'QUANTIDADE'}#orders td:nth-child(6)::before{content:'STATUS'}
  .pnl-value{background:rgba(255,255,255,.025);margin:0 -5px;padding:9px 5px;border-radius:5px}.pnl-value b{font-size:16px}
  .chart-panel canvas{height:190px}.chart-footer{margin-left:0;display:grid;gap:2px;font-size:9px}
  .events>div{grid-template-columns:1fr;gap:4px;padding:11px 2px}.events time{font-size:10px}.events p{font-size:12.5px}
}
@media(max-width:370px){main{grid-template-columns:1fr}.header-copy h1{font-size:18px}.brand{width:118px}}