*{margin:0;padding:0;box-sizing:border-box;}
:root{
  --bg:#0d1526;--s1:#16213e;--s2:#1a2848;--s3:#1e2f55;
  --border:#2a3a5c;
  --green:#00d09c;--yellow:#f5a623;--orange:#e8642a;
  --red:#e8394a;--gray:#4a5a72;--blue:#4a90d9;
  --text:#e8f0ff;--muted:#7a8aaa;
}
body{font-family:'Inter',sans-serif;background:var(--bg);color:var(--text);min-height:100vh;}

/* SIGMA LOGO */
.sigma-logo{display:inline-flex;align-items:center;gap:2px;line-height:1;}
.sigma-char{font-weight:900;color:#fff;}
.sigma-arrows{display:flex;flex-direction:column;line-height:1;}
.sigma-up{color:var(--green);font-weight:900;display:block;transform:scaleX(1.4);}
.sigma-down{color:var(--red);font-weight:900;display:block;transform:scaleX(1.4);}

/* SETUP */
#setup{position:fixed;inset:0;background:var(--bg);display:flex;align-items:center;justify-content:center;padding:20px;z-index:300;}
.sc{background:var(--s1);border:1px solid var(--border);border-radius:20px;width:100%;max-width:380px;}
.sb{text-align:center;margin-bottom:28px;}
.sl{width:68px;height:68px;border-radius:18px;background:linear-gradient(135deg,#f5a623,#e8642a);display:flex;align-items:center;justify-content:center;margin:0 auto 14px;}
.sl .sigma-char{font-size:2rem;}
.sl .sigma-up,.sl .sigma-down{font-size:.75rem;}
.sb h1{font-size:1.5rem;font-weight:900;}
.sb h1 span{color:var(--yellow);}
.sb p{font-size:.76rem;color:var(--muted);margin-top:5px;}
.sf{margin-bottom:14px;}
.sf label{display:block;font-size:.7rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.8px;margin-bottom:6px;}
.si{width:100%;background:var(--bg);border:1.5px solid var(--border);border-radius:10px;padding:11px 14px;color:var(--text);font-family:'Inter',sans-serif;font-size:.85rem;outline:none;}
.si:focus{border-color:var(--green);}
.si::placeholder{color:#3a4a6a;}
.sbtn{width:100%;margin-top:12px;padding:14px;border:none;border-radius:12px;background:linear-gradient(135deg,#f5a623,#e8642a);color:#fff;font-family:'Inter',sans-serif;font-size:.95rem;font-weight:800;cursor:pointer;}
.sbtn:hover{opacity:.9;}
.snote{text-align:center;font-size:.67rem;color:#3a4a6a;margin-top:10px;}
.sim-note{background:rgba(245,166,35,.08);border:1px solid rgba(245,166,35,.2);border-radius:8px;padding:10px 12px;font-size:.72rem;color:var(--yellow);margin-top:12px;text-align:center;}

/* APP */
#app{display:none;flex-direction:column;min-height:100vh;}

/* HEADER */
.hdr{background:var(--s1);border-bottom:1px solid var(--border);padding:0 20px;height:58px;display:flex;align-items:center;gap:14px;position:sticky;top:0;z-index:100;box-shadow:0 2px 20px rgba(0,0,0,.5);}
.hlogo{display:flex;align-items:center;gap:9px;}
.hlogo-icon{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,#f5a623,#e8642a);display:flex;align-items:center;justify-content:center;}
.hlogo-icon .sigma-char{font-size:1rem;}
.hlogo-icon .sigma-up,.hlogo-icon .sigma-down{font-size:.4rem;}
.hlogo-txt{font-size:1.05rem;font-weight:900;}
.hlogo-txt span{color:var(--yellow);}
.hright{margin-left:auto;display:flex;align-items:center;gap:10px;}
.live-pill{display:flex;align-items:center;gap:5px;background:rgba(0,208,156,.1);border:1px solid rgba(0,208,156,.25);border-radius:999px;padding:4px 11px;font-size:.68rem;font-weight:700;color:var(--green);}
.live-pill::before{content:'';width:6px;height:6px;background:var(--green);border-radius:50%;animation:blink 1.5s infinite;}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}
.sp-clock{font-size:.78rem;font-weight:800;color:var(--yellow);font-variant-numeric:tabular-nums;background:rgba(245,166,35,.1);border:1px solid rgba(245,166,35,.2);border-radius:7px;padding:4px 10px;}
.hbtn{background:none;border:1px solid var(--border);border-radius:7px;padding:5px 10px;color:var(--muted);font-size:.7rem;cursor:pointer;font-family:'Inter',sans-serif;}
.hbtn:hover{border-color:var(--yellow);color:var(--yellow);}

/* FILTERS */
.filters{background:var(--s1);border-bottom:1px solid var(--border);padding:12px 20px;display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;position:sticky;top:58px;z-index:99;}
.fg{display:flex;flex-direction:column;gap:5px;}
.fg-lbl{font-size:.62rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.6px;}

/* Dropdown */
.drop{position:relative;}
.drop-btn{display:flex;align-items:center;gap:8px;background:var(--s2);border:1.5px solid var(--border);border-radius:10px;padding:8px 12px;color:var(--text);font-family:'Inter',sans-serif;font-size:.8rem;font-weight:600;cursor:pointer;white-space:nowrap;min-width:130px;transition:border-color .15s;}
.drop-btn:hover{border-color:var(--yellow);}
.drop-btn svg{margin-left:auto;}
.drop-menu{position:absolute;top:calc(100%+6px);left:0;background:var(--s1);border:1.5px solid var(--border);border-radius:12px;min-width:240px;max-height:300px;overflow-y:auto;z-index:200;box-shadow:0 12px 40px rgba(0,0,0,.8);display:none;}
.drop-menu.open{display:block;}
.drop-menu::-webkit-scrollbar{width:4px;}
.drop-menu::-webkit-scrollbar-thumb{background:var(--border);}
.drop-sa{display:flex;gap:6px;padding:8px 12px;border-bottom:1px solid var(--border);}
.drop-sa button{background:var(--s3);border:1px solid var(--border);border-radius:6px;padding:3px 10px;color:var(--muted);font-size:.68rem;font-weight:700;cursor:pointer;font-family:'Inter',sans-serif;}
.drop-sa button:hover{border-color:var(--green);color:var(--green);}
.drop-item{display:flex;align-items:center;gap:10px;padding:9px 14px;cursor:pointer;font-size:.78rem;transition:background .1s;}
.drop-item:hover{background:var(--s2);}
.drop-item .chk{width:16px;height:16px;border-radius:4px;border:1.5px solid var(--border);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.65rem;transition:all .12s;}
.drop-item.on .chk{background:var(--green);border-color:var(--green);color:#000;}
.drop-item .flags{font-size:.95rem;letter-spacing:-2px;}

/* Select */
.fsel{background:var(--s2);border:1.5px solid var(--border);border-radius:10px;padding:8px 12px;color:var(--text);font-family:'Inter',sans-serif;font-size:.8rem;font-weight:600;outline:none;cursor:pointer;}
.fsel:focus{border-color:var(--yellow);}

/* Toggle aberto */
.toggle-wrap{display:flex;flex-direction:column;align-items:center;gap:5px;}
.tog-lbl{font-size:.62rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.6px;white-space:nowrap;}
.tog{width:46px;height:24px;border-radius:999px;background:var(--s3);border:1.5px solid var(--border);cursor:pointer;position:relative;transition:background .2s;}
.tog.on{background:var(--blue);}
.tog-k{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:left .2s;box-shadow:0 1px 4px rgba(0,0,0,.4);}
.tog.on .tog-k{left:24px;}

/* Hit btns */
.hit-btns{display:flex;gap:6px;}
.hit-btn{background:var(--s2);border:1.5px solid var(--border);border-radius:10px;padding:8px 12px;color:var(--muted);font-family:'Inter',sans-serif;font-size:.75rem;font-weight:700;cursor:pointer;transition:all .15s;white-space:nowrap;}
.hit-btn.on{background:rgba(232,57,74,.12);border-color:rgba(232,57,74,.4);color:var(--red);}

/* Modo */
.modo-btns{display:flex;background:var(--s2);border:1.5px solid var(--border);border-radius:10px;overflow:hidden;}
.modo-btn{background:none;border:none;padding:7px 12px;color:var(--muted);cursor:pointer;font-size:.9rem;}
.modo-btn.on{background:var(--s3);color:var(--yellow);}

/* Atualizar */
.rbtn{background:linear-gradient(135deg,#f5a623,#e8642a);border:none;border-radius:10px;padding:9px 18px;color:#fff;font-family:'Inter',sans-serif;font-size:.78rem;font-weight:800;cursor:pointer;display:flex;align-items:center;gap:6px;margin-left:auto;}
.rbtn:hover{opacity:.9;}
.spin{display:inline-block;}
.spinning .spin{animation:rot .7s linear infinite;}
@keyframes rot{to{transform:rotate(360deg)}}

/* LEGENDA */
.legend{display:flex;gap:14px;padding:8px 20px;background:var(--s1);border-bottom:1px solid var(--border);flex-wrap:wrap;}
.leg{display:flex;align-items:center;gap:6px;font-size:.68rem;color:var(--muted);}
.leg-dot{width:10px;height:10px;border-radius:50%;}
.leg-dot.p{background:var(--green);}
.leg-dot.g1{background:var(--yellow);}
.leg-dot.g2{background:var(--orange);}
.leg-dot.hit{background:var(--red);}
.leg-dot.sc{background:var(--gray);}
.leg-dot.ab{background:var(--blue);}

/* MAIN */
main{flex:1;padding:20px;max-width:1300px;width:100%;margin:0 auto;}

/* CARDS GRID */
.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px;}

/* CARD */
.card{background:var(--s1);border:1px solid var(--border);border-radius:18px;overflow:hidden;animation:fi .3s ease;}
@keyframes fi{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.card-head{display:flex;align-items:center;gap:8px;padding:14px 16px 6px;}
.card-flags{font-size:1.1rem;letter-spacing:-2px;flex-shrink:0;}
.card-pair-info{display:flex;flex-direction:column;gap:1px;}
.card-pair-name{font-size:.82rem;font-weight:800;color:var(--text);}
.card-pair-sub{font-size:.62rem;font-weight:600;color:var(--blue);}
.como-btn{margin-left:auto;background:rgba(245,166,35,.1);border:1px solid rgba(245,166,35,.25);border-radius:7px;padding:3px 9px;color:var(--yellow);font-size:.68rem;font-weight:700;cursor:pointer;font-family:'Inter',sans-serif;white-space:nowrap;}
.como-btn:hover{background:rgba(245,166,35,.2);}

.card-body{padding:6px 16px 12px;text-align:center;}
.card-strat{font-size:1.05rem;font-weight:800;margin-bottom:10px;}
.card-dir{display:inline-flex;align-items:center;gap:5px;font-size:.85rem;font-weight:700;margin-bottom:6px;}
.card-dir.call{color:var(--green);}
.card-dir.put{color:var(--red);}
.card-dir.wait{color:var(--gray);}
.card-pct{font-size:2.6rem;font-weight:900;line-height:1;margin-bottom:2px;}
.card-pct.high{color:var(--green);}
.card-pct.mid{color:var(--yellow);}
.card-pct.low{color:var(--red);}
.card-info{font-size:.74rem;color:var(--yellow);font-weight:600;margin-bottom:12px;}
.card-info span{color:var(--text);}

/* Stats P G1 G2 Hit */
.card-stats{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.stat{padding:10px 6px;text-align:center;}
.stat+.stat{border-left:1px solid var(--border);}
.stat-l{font-size:.66rem;font-weight:800;margin-bottom:5px;}
.stat-l.p{color:var(--green);}
.stat-l.g1{color:var(--yellow);}
.stat-l.g2{color:var(--orange);}
.stat-l.hit{color:var(--red);}
.stat-v{font-size:1.2rem;font-weight:900;}
.stat-v.p{color:var(--green);}
.stat-v.g1{color:var(--yellow);}
.stat-v.g2{color:var(--orange);}
.stat-v.hit{color:var(--red);}
.stat-p{font-size:.64rem;color:var(--muted);margin-top:2px;}

.card-hit-info{display:flex;align-items:center;gap:6px;padding:9px 16px;font-size:.72rem;color:var(--muted);}
.card-ver{width:100%;padding:12px;border:none;background:none;color:var(--yellow);font-family:'Inter',sans-serif;font-size:.8rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;}
.card-ver:hover{background:rgba(245,166,35,.06);}

/* LIST */
.list-wrap{display:flex;flex-direction:column;gap:3px;}
.list-hdr{display:grid;grid-template-columns:200px 160px 1fr 100px 70px;gap:8px;padding:6px 16px;font-size:.62rem;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;}
.list-row{display:grid;grid-template-columns:200px 160px 1fr 100px 70px;align-items:center;gap:8px;padding:9px 16px;background:var(--s1);border:1px solid var(--border);border-radius:10px;font-size:.78rem;cursor:pointer;transition:background .1s;}
.list-row:hover{background:var(--s2);}
.ldots{display:flex;gap:3px;}
.ld{width:20px;height:20px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:.5rem;font-weight:800;color:#fff;flex-shrink:0;}
.ld.p{background:var(--green);}
.ld.g1{background:var(--yellow);}
.ld.g2{background:var(--orange);}
.ld.hit{background:var(--red);}
.ld.sc{background:var(--gray);}
.ld.ab{background:var(--blue);animation:pulseB 2s infinite;}
@keyframes pulseB{0%,100%{opacity:1}50%{opacity:.5}}

/* OVERLAY */
.overlay{position:fixed;inset:0;background:rgba(0,0,0,.85);backdrop-filter:blur(5px);z-index:500;display:none;align-items:center;justify-content:center;padding:16px;}
.overlay.show{display:flex;}

/* MODAL CICLOS */
.mc{background:var(--s1);border:1px solid var(--border);border-radius:20px;width:100%;max-width:700px;max-height:92vh;display:flex;flex-direction:column;box-shadow:0 40px 80px rgba(0,0,0,.9);}
.mc-head{padding:18px 22px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;}
.mc-info{display:flex;gap:36px;flex-wrap:wrap;}
.mc-lbl{font-size:.62rem;font-weight:700;color:var(--yellow);text-transform:uppercase;letter-spacing:.6px;margin-bottom:4px;}
.mc-val{font-size:.95rem;font-weight:800;display:flex;align-items:center;gap:6px;}
.mc-close{background:none;border:none;color:var(--muted);font-size:1.5rem;cursor:pointer;line-height:1;padding:4px 8px;}
.mc-close:hover{color:var(--text);}

/* Stats topo modal */
.mc-stats{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;border-bottom:1px solid var(--border);}
.mcs{padding:14px 10px;text-align:center;display:flex;align-items:center;justify-content:center;gap:10px;}
.mcs+.mcs{border-left:1px solid var(--border);}
.mcs-badge{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:800;flex-shrink:0;}
.mcs-badge.p{background:var(--green);color:#000;}
.mcs-badge.g1{background:var(--yellow);color:#000;}
.mcs-badge.g2{background:var(--orange);color:#fff;}
.mcs-badge.hit{background:var(--red);color:#fff;}
.mcs-data{display:flex;flex-direction:column;align-items:flex-start;}
.mcs-val{font-size:1.5rem;font-weight:900;}
.mcs-val.p{color:var(--green);}
.mcs-val.g1{color:var(--yellow);}
.mcs-val.g2{color:var(--orange);}
.mcs-val.hit{color:var(--red);}
.mcs-pct{font-size:.72rem;color:var(--muted);}

.mc-count{padding:12px 22px;font-size:.84rem;font-weight:600;border-bottom:1px solid var(--border);}
.mc-count b{color:var(--yellow);}

.mc-body{flex:1;overflow-y:auto;padding:16px 20px;}
.mc-body::-webkit-scrollbar{width:4px;}
.mc-body::-webkit-scrollbar-thumb{background:var(--border);}

/* Grid de ciclos — 6 colunas igual OBPlus */
.cycle-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;}
.cbox{border-radius:10px;padding:9px 6px;display:flex;flex-direction:column;align-items:center;gap:2px;}
.cbox.p{background:var(--green);}
.cbox.g1{background:var(--yellow);}
.cbox.g2{background:var(--orange);}
.cbox.hit{background:var(--red);}
.cbox.sc{background:var(--gray);}
.cbox.ab{background:var(--blue);box-shadow:0 0 0 2px rgba(74,144,217,.5);}
.cbox-type{font-size:.64rem;font-weight:800;color:#fff;opacity:.9;}
.cbox-time{font-size:.82rem;font-weight:800;color:#fff;}
.cbox-date{font-size:.6rem;color:rgba(255,255,255,.75);}

.mc-leg{display:flex;gap:12px;padding:12px 20px;border-top:1px solid var(--border);flex-wrap:wrap;}
.ml{display:flex;align-items:center;gap:5px;font-size:.66rem;color:var(--muted);}
.ml-dot{width:10px;height:10px;border-radius:50%;}
.ml-dot.p{background:var(--green);}
.ml-dot.g1{background:var(--yellow);}
.ml-dot.g2{background:var(--orange);}
.ml-dot.hit{background:var(--red);}
.ml-dot.sc{background:var(--gray);}
.ml-dot.ab{background:var(--blue);}

/* MODAL COMO FUNCIONA */
.mcf{background:var(--s1);border:1px solid var(--border);border-radius:20px;width:100%;max-width:800px;max-height:92vh;overflow-y:auto;box-shadow:0 40px 80px rgba(0,0,0,.9);}
.mcf::-webkit-scrollbar{width:4px;}
.mcf-head{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;background:#fff;border-radius:20px 20px 0 0;}
.mcf-title{font-size:1rem;font-weight:800;color:#1a2848;}
.mcf-close{background:none;border:none;font-size:1.4rem;cursor:pointer;color:#607080;}
.mcf-body{display:flex;min-height:380px;}
.mcf-visual{flex:1;padding:28px 20px;background:var(--s2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;}
.mcf-tf{font-size:2.4rem;font-weight:900;color:var(--yellow);}
.mcf-tipo{font-size:.72rem;color:var(--muted);margin-bottom:4px;}
.mcf-candles{display:flex;align-items:flex-end;gap:5px;min-height:110px;}
.cv{display:flex;flex-direction:column;align-items:center;gap:3px;}
.cv-wick{width:3px;border-radius:1px;background:#4a5a7a;}
.cv-body{width:28px;border-radius:5px;}
.cv-body.up{background:var(--green);}
.cv-body.down{background:var(--red);}
.cv-num{width:22px;height:22px;border-radius:50%;background:var(--orange);display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:800;color:#fff;margin-top:4px;}
.cv.hl .cv-body{outline:2.5px solid var(--yellow);outline-offset:2px;}
.cv-sep{width:2px;height:50px;background:var(--border);margin:0 6px;align-self:center;border-radius:1px;}
.cv-arrow{font-size:1.2rem;font-weight:900;align-self:flex-end;margin-bottom:8px;}
.cv-arrow.call{color:var(--green);}
.cv-arrow.put{color:var(--red);}
.mcf-info{flex:1;padding:28px 26px;display:flex;flex-direction:column;gap:14px;}
.mcf-row{font-size:.84rem;line-height:1.6;color:var(--text);}
.mcf-row b{color:var(--yellow);}

/* OTC badge */
.otc-badge{font-size:.58rem;font-weight:800;background:rgba(74,144,217,.15);border:1px solid rgba(74,144,217,.3);color:var(--blue);border-radius:4px;padding:1px 5px;letter-spacing:.3px;}

/* LOADING */
.loading-wrap{padding:60px 20px;text-align:center;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:14px;}
.loader{width:38px;height:38px;border:3px solid var(--border);border-top-color:var(--green);border-radius:50%;animation:rot .8s linear infinite;}

/* WARN */
.warn{background:rgba(245,166,35,.08);border:1px solid rgba(245,166,35,.25);border-radius:10px;padding:10px 16px;font-size:.76rem;color:var(--yellow);margin-bottom:16px;display:flex;align-items:center;gap:8px;}

.empty{padding:70px 20px;text-align:center;color:var(--muted);}