@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/inter-400.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url('/fonts/inter-500.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/inter-600.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/inter-700.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:800;font-display:swap;src:url('/fonts/inter-800.woff2') format('woff2')}
:root{
  --bg:#060b14; --bg2:#0d1520; --panel:#0d1520; --panel2:#111c2e;
  --panel-border:rgba(5, 150, 87, .14); --panel-border-soft:rgba(5, 150, 87, .34);
  --text:#e2eef0; --text-soft:#a7bbce; --text-muted:#6f879f;
  --green:#059657; --green-deep:#059657; --green-dim:#07ad65;
  --red:#ff4757; --red-deep:#C43552; --yellow:#FFB020; --orange:#ff7800;
  --blue:#A1FFF9; --purple:#5AD1E8;
  --line:var(--panel-border); --line2:var(--panel-border-soft);
  --green2:var(--green-dim); --muted:var(--text-muted); --muted2:var(--text-muted);
  --gold:var(--yellow); --gold2:var(--orange); --violet:var(--purple);
}
:root[data-theme="light"]{
  --bg:#f4f8f6; --bg2:#ffffff; --panel:#ffffff; --panel2:#edf4f0;
  --panel-border:rgba(5, 150, 87, .2); --panel-border-soft:rgba(5, 150, 87, .45);
  --text:#102019; --text-soft:#3c5a4e; --text-muted:#52685e;
  --green:#059657; --green-deep:#0a7d48; --green-dim:#0c9d5a;
  --red:#c81e35; --red-deep:#9c1729; --yellow:#a8650c; --orange:#c2650a;
  --blue:#0369a1; --purple:#7a3fae;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  background:
    radial-gradient(1100px 480px at 88% -12%, rgba(24,120,90,.16), transparent 60%),
    radial-gradient(900px 420px at -8% 112%, rgba(24,120,90,.14), transparent 60%),
    var(--bg);
  color:var(--text); font-family:'Inter',ui-sans-serif,system-ui,sans-serif; font-size:13px;
}
::-webkit-scrollbar{width:9px;height:9px}
::-webkit-scrollbar-thumb{background:#0e3b33;border-radius:8px}
::-webkit-scrollbar-track{background:transparent}
.ic{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px;flex:none}
.ic-sm{width:12px;height:12px}.ic-lg{width:20px;height:20px}
.app{min-height:100vh;display:flex;flex-direction:column;position:relative;overflow:hidden}
.app-deco{position:fixed;right:-60px;bottom:-90px;width:340px;opacity:.42;pointer-events:none;z-index:0;
  mask-image:radial-gradient(circle at 40% 40%,#000 55%,transparent 78%)}

.topbar{display:flex;align-items:center;gap:14px;padding:10px 18px;position:relative;z-index:5;
  background:linear-gradient(180deg,rgba(8,32,26,.92),rgba(4,16,13,.96));border-bottom:1px solid var(--line)}
.tb-planet{position:absolute;left:150px;top:-70px;width:250px;opacity:.55;pointer-events:none;
  mask-image:linear-gradient(90deg,#000 30%,transparent 90%)}
.brand{display:flex;align-items:center;gap:10px;min-width:252px;position:relative;z-index:2}
.brand-mark{width:42px;height:42px;flex:none}
.brand-name{font-size:19px;font-weight:800;letter-spacing:.4px;line-height:1}
.brand-name .b1{color:transparent;background:linear-gradient(90deg,#059657,#0FA855);-webkit-background-clip:text;background-clip:text}
.brand-name .b2{color:transparent;background:linear-gradient(90deg,#FF7800,#FF9A3C);-webkit-background-clip:text;background-clip:text}
.brand-sub{font-size:8px;letter-spacing:2.4px;color:var(--muted);margin-top:3px;font-weight:600}
.tagline{line-height:1.4;font-size:12px;font-weight:800;letter-spacing:1.1px;position:relative;z-index:2}
.tagline .t1{color:var(--green);display:flex;align-items:center;gap:7px}
.tagline .t2{color:var(--gold)}
.spacer{flex:1}
.btc-pill{display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--line);
  border-radius:12px;padding:7px 12px;position:relative;z-index:2}
.btc-pill .col{display:flex;flex-direction:column;gap:2px}
.btc-pill .lb{font-size:10px;color:var(--muted);font-weight:600}
.btc-pill .vl{font-size:12px;font-weight:800}
.chip{font-size:10px;font-weight:800;color:var(--green);background:rgba(5, 150, 87,.12);
  border:1px solid rgba(5, 150, 87,.35);padding:3px 7px;border-radius:6px}
.btn-exit{margin-left:10px;padding:7px 12px;border-radius:8px;border:1px solid var(--line);background:transparent;color:var(--muted);font-size:11px;font-weight:700;cursor:pointer;font-family:inherit}
.btn-exit:hover{border-color:var(--edge-hover);color:var(--text)}
.status-pill{display:flex;gap:9px;align-items:center;background:var(--panel);border:1px solid var(--line);
  border-radius:12px;padding:10px 16px;font-size:12px;color:var(--muted);font-weight:600;z-index:2}
.dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);animation:pulse 1.8s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(5, 150, 87,.45)}100%{box-shadow:0 0 0 9px transparent}}
.lang{position:relative;z-index:2}
.lang .flag{position:absolute;left:11px;top:50%;transform:translateY(-50%);font-size:14px;pointer-events:none}
.lang select{appearance:none;-webkit-appearance:none;background:var(--panel);border:1px solid var(--line);
  border-radius:12px;padding:10px 32px 10px 34px;color:var(--text);font:600 12px 'Inter';cursor:pointer;outline:none}
.lang select:hover{border-color:var(--edge-hover)}
.lang .chev{position:absolute;right:11px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--muted)}
.user{display:flex;align-items:center;gap:10px;z-index:2}
.user-menu-wrap{position:relative}
.user-link{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;cursor:pointer;border-radius:12px;padding:2px 6px;margin:-2px -6px}
.user-link:hover{background:rgba(255,255,255,.05)}
.user-menu{position:absolute;left:0;top:46px;width:200px;background:var(--panel2);border:1px solid var(--line2);
  border-radius:12px;padding:6px;display:none;box-shadow:0 14px 40px rgba(0,0,0,.55);z-index:5}
.user-menu.open{display:block}
.user-menu-item{display:block;width:100%;text-align:left;padding:9px 10px;border-radius:8px;font-size:12px;
  color:var(--text);background:none;border:none;cursor:pointer;font-family:inherit}
.user-menu-item:hover{background:rgba(255,255,255,.05)}
.avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(145deg,#12453b,#0a2a24);
  border:1px solid var(--line2);display:grid;place-items:center;color:var(--green)}
.user-name{font-size:12px;font-weight:700}
.prem-badge{display:inline-flex;gap:5px;align-items:center;font-size:9.5px;font-weight:800;color:var(--gold2);
  background:rgba(255, 120, 0,.12);border:1px solid rgba(255, 120, 0,.45);padding:2px 8px;border-radius:6px;margin-top:3px}
.bell{position:relative;width:38px;height:38px;border-radius:11px;background:var(--panel);border:1px solid var(--line);
  display:grid;place-items:center;color:var(--muted);cursor:pointer;z-index:2}
.bell:hover{color:#ff7800;border-color:var(--edge-hover)}
.bell .badge{position:absolute;top:-6px;right:-6px;width:16px;height:16px;border-radius:50%;background:var(--red);
  color:#fff;font-size:9px;font-weight:800;display:grid;place-items:center;border:2px solid var(--bg2)}
.bell-menu{position:absolute;right:0;top:46px;width:250px;background:var(--panel2);border:1px solid var(--line2);
  border-radius:12px;padding:10px;display:none;box-shadow:0 14px 40px rgba(0,0,0,.55)}
.bell-menu.open{display:block}
.bell-menu h5{margin:2px 4px 8px;font-size:11px;letter-spacing:1px;color:var(--muted)}
.bell-item{display:flex;gap:9px;align-items:flex-start;background:rgba(5, 150, 87,.06);border:1px solid var(--line);
  border-radius:10px;padding:9px;font-size:11px;line-height:1.45}
.bell-item .dot{margin-top:4px}

.layout{flex:1;display:grid;grid-template-columns:236px minmax(0,1fr) 300px;gap:14px;padding:14px 16px;position:relative;z-index:1}

.sidebar{background:linear-gradient(180deg,rgba(6,26,22,.65),rgba(4,16,13,.45));border:1px solid var(--line);
  border-radius:16px;padding:12px;display:flex;flex-direction:column;gap:4px;position:relative;overflow:hidden}
.nav-item{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:10px;color:var(--muted);
  cursor:pointer;border:1px solid transparent;font-size:12.5px;font-weight:600;user-select:none}
.nav-item:hover{color:var(--text);background:rgba(255,120,0,.06)}
.nav-item.active{background:linear-gradient(90deg,rgba(5, 150, 87,.22),rgba(5, 150, 87,.05));
  border-color:var(--line2);color:#fff;box-shadow:inset 0 0 0 1px rgba(5, 150, 87,.12)}
.nav-item.active .ic{color:var(--green)}
.nav-badge{margin-left:auto;min-width:18px;height:18px;border-radius:9px;background:var(--green);color:#04100c;
.nav-hint{margin-left:auto;font-size:9px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--gold2);border:1px solid rgba(255, 120, 0,.34);border-radius:999px;padding:2px 7px}
  font-size:10px;font-weight:800;display:grid;place-items:center;padding:0 5px}
.nav-sep{height:1px;background:var(--line);margin:8px 4px}
.premium{margin-top:12px;border:1px solid rgba(255, 120, 0,.5);border-radius:14px;padding:14px;
  background:linear-gradient(180deg,rgba(255, 120, 0,.10),rgba(255, 120, 0,.02))}
.premium h4{margin:0 0 8px;color:var(--gold2);font-size:11px;letter-spacing:1.6px;display:flex;gap:8px;align-items:center;font-weight:800}
.premium h4 .ic{color:var(--gold)}
.premium p{margin:0 0 12px;font-size:11px;color:var(--muted);line-height:1.55}
.btn-gold{width:100%;border:1px solid var(--orange);background:var(--orange);color:var(--bg);
  font:700 12.5px 'Inter';padding:10px 12px;border-radius:999px;cursor:pointer}
.btn-gold:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(255,120,0,.26)}
.btn-gold:active{transform:translateY(1px)}
.side-foot{margin-top:auto;position:relative;padding:26px 6px 4px}
.side-foot .planet{position:absolute;left:-46px;bottom:-46px;width:210px;opacity:.5;pointer-events:none;
  mask-image:radial-gradient(circle at 50% 50%,#000 45%,transparent 72%)}
.side-foot .brand{min-width:0;position:relative;z-index:2}

.center{display:flex;flex-direction:column;gap:14px;min-width:0}
.hero{position:relative;border:1px solid var(--line);border-radius:16px;overflow:hidden;
  background:linear-gradient(120deg,#07231d,#04100e 60%);display:grid;grid-template-columns:minmax(0,1fr) auto;
  align-items:center;padding:24px 26px;gap:22px;min-height:178px}
.hero-planet{position:absolute;left:-30px;top:-56px;width:300px;opacity:.95;pointer-events:none;
  mask-image:radial-gradient(circle at 50% 50%,#000 52%,transparent 74%)}
.hero-copy{position:relative;z-index:2;margin-left:236px}
.hero-copy h1{margin:0;font-size:23px;font-weight:800;letter-spacing:.4px;line-height:1.25}
.hero-copy h1 .g{color:var(--green)}
.hero-copy p{margin:8px 0 16px;color:var(--muted);font-size:12.5px}
.btn-outline{display:inline-flex;align-items:center;gap:10px;background:rgba(5, 150, 87,.06);border:1px solid var(--line2);
  color:var(--green);font:700 12px 'Inter';padding:10px 16px;border-radius:10px;cursor:pointer}
.btn-outline:hover{background:rgba(255, 120, 0,.15)}
.hero-feats{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,112px);gap:1px;
  background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.feat{background:rgba(4,18,15,.88);padding:14px 8px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}
.feat .fi{width:34px;height:34px;border-radius:50%;background:rgba(5, 150, 87,.10);border:1px solid var(--line2);
  display:grid;place-items:center;color:var(--green)}
.feat span{font-size:10px;color:var(--muted);line-height:1.35;font-weight:600}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.stat{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px;display:flex;align-items:center;gap:12px}
.stat .ic-wrap{width:40px;height:40px;border-radius:50%;flex:none;display:grid;place-items:center;
  background:rgba(5, 150, 87,.08);border:1px solid var(--line2);color:var(--green)}
.stat .lb{font-size:10.5px;color:var(--muted);font-weight:600}
.stat .vl{font-size:19px;font-weight:800;letter-spacing:.3px;margin:2px 0}
.stat .dl{font-size:10px;color:var(--muted)}
.stat .dl b{color:var(--green)}
svg.spark{margin-left:auto;flex:none}
.row2{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:14px}
.card{background:linear-gradient(145deg,rgba(17,28,46,.96),rgba(13,21,32,.96));border:1px solid var(--line);border-radius:16px;min-width:0;transition:border-color .25s,box-shadow .25s}.card:hover{border-color:var(--edge-hover);box-shadow:var(--glow-hover)}:root[data-theme="light"] .card{background:linear-gradient(145deg,#fff,#edf4f0)}
.card-h{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line)}
.card-h h3{margin:0;font-size:13.5px;font-weight:700}
.card-h .hic{color:var(--green)}
.card:hover .card-h .hic{color:var(--logo-o)}
.link{margin-left:auto;color:var(--green);font-size:11px;cursor:pointer;text-decoration:none;font-weight:600;
  display:inline-flex;align-items:center;gap:5px;background:none;border:none;font-family:'Inter'}
.link:hover{text-decoration:underline}

.chart-h{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.coin-ic{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800;color:#fff;flex:none}
.coin-ic.lg{width:34px;height:34px;font-size:15px}
.coin-ic.md{width:32px;height:32px;font-size:14px}
.chart-tt .t1{font-size:14px;font-weight:800}
.chart-tt .t2{font-size:10.5px;color:var(--muted);font-weight:600;margin-top:1px}
.tf-group{display:flex;gap:3px;background:rgba(3,15,12,.6);border:1px solid var(--line);border-radius:10px;padding:3px;margin-left:auto}
.tf{padding:5px 10px;border-radius:7px;font-size:11px;color:var(--muted);cursor:pointer;font-weight:600;border:none;background:none;font-family:'Inter'}
.tf:hover{color:var(--text)}
.tf.active{background:rgba(5, 150, 87,.16);color:var(--green);font-weight:800}
.chart-price{text-align:right;margin-left:10px}
.chart-price .p{color:var(--green);font-size:16px;font-weight:800}
.chart-price .d{color:var(--green);font-size:10px;font-weight:700}
.chart-body{display:grid;grid-template-columns:minmax(0,1fr);padding:10px 12px 4px}
.tools{display:flex;flex-direction:column;gap:5px;align-items:center;padding-top:4px}
.tool{width:26px;height:26px;border-radius:7px;border:1px solid transparent;background:none;color:var(--muted);
  display:grid;place-items:center;cursor:pointer}
.tool:hover{color:#ff7800}
.tool.active{background:rgba(5, 150, 87,.14);border-color:var(--line2);color:var(--green)}
.chart-canvas{position:relative}
#kchart{width:100%;height:302px;display:block}
.chart-legend{display:flex;align-items:center;gap:16px;padding:8px 14px 12px;color:var(--muted);font-size:10.5px;font-weight:600}
.lg{display:flex;align-items:center;gap:6px}
.lg i{width:7px;height:7px;border-radius:50%;flex:none}
.fs-btn{margin-left:auto;width:28px;height:28px;border-radius:8px;border:1px solid var(--line);background:none;
  color:var(--muted);display:grid;place-items:center;cursor:pointer}
.fs-btn:hover{color:#ff7800;border-color:var(--edge-hover)}

.sig{padding:12px 14px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px}
.sig .pair{font-weight:800;font-size:12.5px;display:flex;align-items:center;gap:8px}
.sig .sub{font-size:11px;color:var(--muted);margin-top:4px;font-weight:600}
.sig .sub b{color:var(--text);font-weight:700}
.pill{display:inline-flex;align-items:center;gap:4px;font-size:9px;font-weight:800;letter-spacing:.5px;padding:3px 7px;border-radius:6px}
.pill.long{color:var(--green);background:rgba(5, 150, 87,.12);border:1px solid rgba(5, 150, 87,.35)}
.pill.short{color:#ff8f9c;background:rgba(246,70,93,.12);border:1px solid rgba(246,70,93,.4)}
.pill.ok{color:var(--green);background:rgba(5, 150, 87,.08);border:1px solid rgba(5, 150, 87,.35);border-radius:8px;padding:4px 10px;font-size:9.5px}
.sig .right{text-align:right}
.sig .meta{font-size:9.5px;color:var(--muted);margin-top:7px;line-height:1.5;display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.force{margin-top:9px}
.force .fl{font-size:10px;color:var(--muted);margin-bottom:4px;font-weight:600}
.force .fl b{color:var(--text)}
.bar{height:4px;border-radius:2px;background:rgba(5, 150, 87,.12);overflow:hidden}
.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--green2),var(--green));border-radius:2px}
.sig-footer{padding:10px 14px}
.btn-ghost{width:100%;display:flex;justify-content:center;gap:8px;align-items:center;background:rgba(5, 150, 87,.05);
  border:1px solid var(--line2);color:var(--green);border-radius:10px;padding:9px;font:700 11.5px 'Inter';cursor:pointer}
.btn-ghost:hover{background:rgba(255,120,0,.14)}

.tabs{display:flex;gap:3px;background:rgba(3,15,12,.6);border:1px solid var(--line);border-radius:9px;padding:3px}
.tab{padding:4px 11px;font-size:10.5px;border-radius:6px;color:var(--muted);cursor:pointer;font-weight:600;border:none;background:none;font-family:'Inter'}
.tab.active{background:rgba(5, 150, 87,.16);color:var(--green);font-weight:800}
.table-wrap{padding:2px 8px 8px;overflow-x:auto}
input.market-search{width:calc(100% - 16px);margin:8px;padding:9px 10px;border-radius:8px;border:1px solid var(--line);background:var(--bg);color:var(--text);font-size:12px;font-family:inherit}
input.market-search:focus{outline:none;border-color:var(--line2)}
.table-wrap.coins-top{max-height:none;overflow-y:visible}
.table-wrap.coins-top table.coins thead th{position:sticky;top:0;background:var(--panel);z-index:1}
table.coins{width:100%;border-collapse:collapse;min-width:520px}
table.coins th{font-size:9.5px;color:var(--muted2);text-align:left;font-weight:700;padding:9px 8px;letter-spacing:.7px;
  text-transform:uppercase;border-bottom:1px solid var(--line)}
table.coins td{padding:9px 8px;border-bottom:1px solid rgba(5, 150, 87,.07);font-size:12px;vertical-align:middle}
table.coins tr:last-child td{border-bottom:none}
table.coins tbody tr:hover{background:rgba(255,120,0,.045)}
.rk{color:var(--muted2);font-size:11px;font-weight:600}
.coin-cell{display:flex;gap:9px;align-items:center}
.cn{font-size:12px;font-weight:700}
.cs{color:var(--muted2);font-size:9.5px;font-weight:700;margin-left:5px}
.pr{font-weight:600}
.va{font-weight:800;font-size:11px}
.va.up{color:var(--green)} .va.down{color:var(--red)}
.vol{color:var(--muted);font-size:11px;font-weight:600}
.btn-buy{background:rgba(5, 150, 87,.06);border:1px solid var(--line2);color:var(--green);font:700 10.5px 'Inter';
  padding:5px 13px;border-radius:8px;cursor:pointer}
.btn-buy:hover{background:rgba(255,120,0,.16)}

.bot{display:flex;align-items:center;gap:10px;padding:11px 14px;border-bottom:1px solid rgba(5, 150, 87,.07)}
.bot:last-child{border-bottom:none}
.bot .bic{width:30px;height:30px;border-radius:50%;background:rgba(5, 150, 87,.10);border:1px solid var(--line2);
  color:var(--green);display:grid;place-items:center;flex:none}
.bot .bn{font-size:12px;font-weight:700}
.pill.on{background:rgba(5, 150, 87,.15);color:var(--green);border:1px solid rgba(5, 150, 87,.35);padding:3px 9px;border-radius:6px;font-size:9px;font-weight:800}
.bot .bd{margin-left:auto;font-size:10.5px;color:var(--muted);font-weight:600;text-align:right}

.rightcol{display:flex;flex-direction:column;gap:14px;min-width:0}
.radar{padding:12px 14px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:start}
.radar .pair{font-weight:800;font-size:12px}
.radar .sub{display:flex;gap:7px;align-items:center;margin-top:6px}
.radar .tm{font-size:10px;color:var(--muted);font-weight:600}
.radar .right{text-align:right}
.radar .force-t{font-size:9.5px;color:var(--muted);margin-top:6px;font-weight:600}
.note{display:flex;flex-direction:column;gap:5px;padding:11px 14px;font-size:10px;color:var(--muted);font-weight:600}
.note div{display:flex;gap:7px;align-items:center}
.note .ic{color:var(--green)} .note .w .ic{color:var(--gold)}
.note .w{color:var(--muted)}
.upg-wrap{padding:0 14px 14px}
.swap-body{padding:12px 14px 4px;display:flex;gap:11px;align-items:flex-start}
.swap-ic{width:34px;height:34px;border-radius:50%;flex:none;background:rgba(5, 150, 87,.10);border:1px solid var(--line2);
  color:var(--green);display:grid;place-items:center}
.swap-body p{margin:0;font-size:11px;color:var(--muted);line-height:1.55;font-weight:500}
.swap .btn-ghost{margin:10px 14px 14px;width:auto}
.asset{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid rgba(5, 150, 87,.07)}
.asset:last-child{border-bottom:none}
.as{font-size:12px;font-weight:800}
.an{font-size:9.5px;color:var(--muted);font-weight:600;margin-top:1px}
.av{margin-left:auto;font-size:12px;font-weight:700}

.footer{display:flex;align-items:center;gap:26px;padding:12px 20px;border-top:1px solid var(--line);position:relative;z-index:5;
  background:linear-gradient(180deg,rgba(5,17,14,.92),rgba(3,12,10,.97));overflow:hidden}
.f-planet{position:absolute;right:-30px;bottom:-110px;width:280px;opacity:.45;pointer-events:none;
  mask-image:radial-gradient(circle at 50% 40%,#000 45%,transparent 75%)}
.f-brand{display:flex;align-items:center;gap:14px;position:relative;z-index:2}
.f-brand .wm{font-size:14px;font-weight:800}
.f-brand .wm .b1{color:transparent;background:linear-gradient(90deg,#059657,#0FA855);-webkit-background-clip:text;background-clip:text}
.f-brand .wm .b2{color:transparent;background:linear-gradient(90deg,#FF7800,#FF9A3C);-webkit-background-clip:text;background-clip:text}
.f-brand .tg{color:var(--muted);font-size:10.5px;font-weight:600;border-left:1px solid var(--line);padding-left:14px}
.f-status{display:flex;align-items:center;gap:10px;position:relative;z-index:2}
.f-status .fsi{width:30px;height:30px;border-radius:50%;border:1px solid var(--line2);color:var(--green);
  display:grid;place-items:center;background:rgba(5, 150, 87,.06);flex:none}
.f-status .l1{font-size:9.5px;color:var(--muted);font-weight:600}
.f-status .l2{font-size:10.5px;color:var(--green);font-weight:700;margin-top:1px}
.f-links{margin-left:auto;display:flex;gap:12px;align-items:center;color:var(--muted2);font-size:10.5px;position:relative;z-index:2;font-weight:600}
.f-links a{color:var(--muted);text-decoration:none}
.f-links a:hover{color:#ff7800}

#toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%) translateY(20px);background:#07231d;
  border:1px solid var(--line2);color:var(--text);padding:11px 20px;border-radius:12px;font-size:12px;font-weight:600;
  opacity:0;pointer-events:none;transition:.28s;z-index:99;box-shadow:0 10px 30px rgba(0,0,0,.55)}
#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

@media(max-width:1400px){.layout{grid-template-columns:216px minmax(0,1fr) 280px}.hero-copy{margin-left:200px}.hero-planet{width:260px}}
@media(max-width:1180px){
  .layout{grid-template-columns:210px minmax(0,1fr)}
  .rightcol{grid-column:1/-1;flex-direction:row;flex-wrap:wrap}
  .rightcol>.card{flex:1 1 280px}
  .hero{grid-template-columns:1fr}.hero-copy{margin-left:0}.hero-feats{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:860px){
  .layout{grid-template-columns:1fr}.sidebar{display:none}
  .stats{grid-template-columns:repeat(2,1fr)}.row2{grid-template-columns:1fr}
  .tagline,.tb-planet{display:none}.footer{flex-wrap:wrap;gap:14px}
}
@media(max-width:640px){
  .topbar{flex-wrap:wrap;gap:10px;padding:10px 12px}
  .layout{padding:12px 10px;gap:12px}
  .hero{border-radius:14px}
  .hero-copy h1{font-size:19px}
  .hero-copy p{font-size:12px}
  .hero-feats{grid-template-columns:repeat(2,1fr)}
  .stats{gap:10px}
  .card-h{flex-wrap:wrap;padding:11px 12px}
  .sig,.radar{grid-template-columns:30px minmax(0,1fr);row-gap:6px}
  .sig>:last-child,.radar>:last-child{grid-column:2/-1;justify-self:start}
  .f-links{flex-wrap:wrap;justify-content:center;gap:8px 12px}
  .footer{flex-direction:column;align-items:flex-start;gap:12px}
}
@media(max-width:420px){
  .stats{grid-template-columns:1fr}
  .hero-feats{grid-template-columns:1fr}
  .brand-name{font-size:14px}
  .btn-auth{padding:8px 12px;font-size:11.5px}
}

.sprite-hidden{display:none}
.brand-mark-sm{width:34px;height:34px}
.brand-name-sm{font-size:15px}
.coin-ic-inline{width:26px;height:26px;font-size:12px}
.bot-tabs{padding:10px 14px 4px}
.cell-right{text-align:right}
.auth{display:flex;align-items:center;gap:8px;z-index:2}
.btn-auth{background:var(--panel);border:1px solid var(--line2);color:var(--text);
  font:700 12px 'Inter';padding:9px 16px;border-radius:11px;cursor:pointer}
.btn-auth:hover{border-color:#ff7800;color:#ff7800}
.btn-auth.solid{background:linear-gradient(180deg,#2af0ae,#0fbf86);border-color:transparent;color:#04150f}
.btn-auth.solid:hover{filter:brightness(1.06);color:#04150f}
.locked{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 14px;text-align:center}
.locked .lk-ic{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;
  background:rgba(255, 120, 0,.10);border:1px solid rgba(255, 120, 0,.45);color:var(--gold2)}
.locked p{margin:0;font-size:11px;color:var(--muted);line-height:1.55;font-weight:600}
.empty{padding:16px 14px;font-size:11px;color:var(--muted2);font-weight:600;text-align:center}
.pane{display:none}
.pane.active{display:block}
.frame{width:100%;height:calc(100vh - 203px);min-height:517px;border:0;border-radius:14px;background:var(--panel);display:block}
.nav-item.locked-item .nav-tag{margin-left:auto;font-size:8.5px;font-weight:800;letter-spacing:.8px;color:var(--gold2)}
[hidden]{display:none!important}
.pill.flat{color:var(--muted);background:rgba(127,181,170,.10);border:1px solid var(--line);border-radius:8px;padding:4px 10px;font-size:9.5px}
.coin-ic img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}

.green{color:var(--green)}
.red{color:var(--red)}
.sinal-corretora {
      font-size: 10px; letter-spacing: .06em; text-transform: uppercase;
      color: var(--text-muted); border: 1px solid var(--panel-border);
      border-radius: 6px; padding: 2px 6px; white-space: nowrap;
    }
.sinal-cartao {
      border: 1px solid var(--panel-border);
      border-radius: 10px;
      background: var(--panel2);
      overflow: hidden;
    }
.sinal-topo {
      display: flex;
      align-items: center;
      gap: 8px;
      padding: 9px 11px;
      flex-wrap: wrap;
    }
.sinal-topo.alta { background: rgba(0, 247, 165, 0.12); }
.sinal-topo.baixa { background: rgba(255, 92, 122, 0.12); }
.sinal-par {
      font-weight: 800;
      font-size: 12px;
      letter-spacing: 0.03em;
      cursor: pointer;
    }
.sinal-preco {
      margin-left: auto;
      display: flex;
      align-items: center;
      gap: 7px;
      background: var(--bg2);
      border-radius: 7px;
      padding: 4px 9px;
      font-size: 11px;
      font-weight: 700;
      font-variant-numeric: tabular-nums;
    }
.sinal-corpo { padding: 10px 11px; display: grid; gap: 8px; }
.sinal-linha {
      display: flex;
      align-items: center;
      gap: 8px;
      flex-wrap: wrap;
      font-size: 11px;
    }
.sinal-rotulo { color: var(--text-muted); }
.sinal-tag {
      border-radius: 6px;
      padding: 3px 8px;
      background: var(--bg2);
      border: 1px solid var(--panel-border);
      font-weight: 700;
      font-size: 10px;
    }
.sinal-tag.alta { color: var(--green); border-color: rgba(0, 247, 165, 0.4); }
.sinal-tag.baixa { color: var(--red); border-color: rgba(255, 92, 122, 0.4); }
.sinal-texto {
      font-size: 11px;
      color: var(--text-soft);
      line-height: 1.5;
    }
.sinal-grafico {
      width: 100%;
      height: 132px;
      border-radius: 8px;
      background: var(--bg2);
      display: block;
    }
.sinal-premium {
      border-radius: 5px;
      padding: 2px 7px;
      font-size: 9px;
      font-weight: 800;
      letter-spacing: 0.08em;
    }
.sinal-premium.alta {
      color: var(--green);
      background: rgba(0, 247, 165, 0.16);
      border: 1px solid rgba(0, 247, 165, 0.45);
    }
.sinal-premium.baixa {
      color: var(--red);
      background: rgba(255, 92, 122, 0.16);
      border: 1px solid rgba(255, 92, 122, 0.45);
    }
.sinal-conf { display: flex; flex-wrap: wrap; gap: 5px; }
.sinal-conf-item {
      font-size: 9px;
      font-weight: 700;
      border-radius: 5px;
      padding: 3px 7px;
      background: var(--bg2);
      color: var(--text-muted);
      border: 1px solid var(--panel-border);
    }
.sinal-conf-item.ok {
      color: var(--green);
      border-color: rgba(0, 247, 165, 0.35);
    }
.sinal-lupa { cursor: zoom-in; }
.sinal-zoom {
      display: none;
      position: fixed;
      inset: 0;
      z-index: 90;
      background: rgba(0, 0, 0, 0.72);
      padding: 24px;
      align-items: center;
      justify-content: center;
    }
.sinal-zoom.aberto { display: flex; }
.sinal-zoom-caixa {
      background: var(--panel);
      border: 1px solid var(--panel-border);
      border-radius: 12px;
      padding: 14px;
      width: min(1100px, 96vw);
      max-height: 92vh;
      overflow: auto;
    }
.sinal-zoom-topo {
      display: flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 10px;
      flex-wrap: wrap;
      font-size: 13px;
    }
.sinal-zoom-legenda {
      display: flex;
      align-items: center;
      gap: 6px;
      font-size: 10px;
      color: var(--text-muted);
      margin-left: auto;
    }
.sinal-zoom-legenda i {
      display: inline-block;
      width: 14px;
      height: 2px;
      border-radius: 2px;
      margin-left: 6px;
    }
.sinal-zoom-sair {
      border-radius: 7px;
      border: 1px solid var(--panel-border);
      background: var(--panel2);
      color: var(--text-soft);
      font-size: 12px;
      font-weight: 800;
      cursor: pointer;
      padding: 5px 10px;
    }
.sinal-grafico.amplo { height: auto; width: 100%; }
.sinal-rodape {
      display: flex;
      justify-content: space-between;
      gap: 8px;
      font-size: 10px;
      color: var(--text-muted);
      flex-wrap: wrap;
    }
    .sinais-grade {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(min(100%, 330px), 1fr));
      gap: 12px;
      max-height: calc(100vh - 260px);
      overflow-y: auto;
      padding-right: 4px;
    }
    .radar-sel-topo {
      display: flex;
      align-items: center;
      gap: 8px;
      margin-bottom: 8px;
      flex-wrap: wrap;
    }
    .radar-sel-busca {
      flex: 1 1 140px;
      min-width: 0;
      border-radius: 8px;
      border: 1px solid var(--panel-border);
      background: var(--bg2);
      color: var(--text);
      padding: 8px 10px;
      font-size: 12px;
    }
    .radar-sel-info {
      font-size: 10px;
      color: var(--text-muted);
      white-space: nowrap;
    }

.cross-wrap{max-height:calc(100vh - 240px);min-height:460px;overflow:auto;padding:0 8px 8px}
table.cross{width:100%;border-collapse:collapse;font-size:11px}
table.cross th{position:sticky;top:0;background:var(--panel);text-align:left;font-size:11px;
  letter-spacing:.08em;text-transform:uppercase;color:var(--text);font-weight:700;padding:12px 10px;
  border-bottom:1px solid var(--panel-border)}
table.cross td{padding:12px 10px;border-bottom:1px solid var(--panel-border);white-space:nowrap;font-size:11px;text-align:left;color:var(--text)}
table.cross tr:last-child td{border-bottom:none}
table.cross .yellow{color:var(--yellow)}
table.cross .signal{font-size:8px;font-weight:800;letter-spacing:.5px;padding:1px 5px;border-radius:999px;
  border:1px solid var(--line2);color:var(--green)}
table.cross .signal.sell{color:var(--red);border-color:rgba(246,70,93,.4)}
.port-topo { display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
      margin-bottom: 12px; }
.port-carteiras { display: flex; gap: 8px; flex-wrap: wrap; }
.port-chip { display: inline-flex; align-items: center; gap: 8px;
      border: 1px solid var(--panel-border); border-radius: 999px;
      background: var(--panel2); color: var(--text-soft);
      padding: 5px 12px; font-size: 11px; cursor: pointer; }
.port-chip.ativa { border-color: var(--green); color: var(--green); }
.port-chip b { font-weight: 700; }
.port-chip span { font-size: 10px; color: var(--text-muted); }
.port-chip-nome { background: none; border: 0; color: inherit; cursor: pointer;
      display: inline-flex; align-items: center; gap: 8px; font: inherit; padding: 0; }
.port-chip-x { background: none; border: 0; color: var(--text-muted);
      cursor: pointer; font-size: 15px; line-height: 1; padding: 0 0 0 4px; }
.port-chip-x:hover { color: var(--red); }
.port-total { font-size: 12px; color: var(--text-muted); margin-bottom: 10px; }
.port-total b { color: var(--green); font-size: 18px; margin-left: 8px; }
.port-abas { display: flex; gap: 18px; border-bottom: 1px solid var(--panel-border);
      margin-bottom: 12px; }
.port-abas button { background: none; border: 0; border-bottom: 2px solid transparent;
      color: var(--text-muted); font-size: 13px; padding: 6px 0 8px; cursor: pointer; }
.port-abas button.ativo { color: var(--text); border-bottom-color: var(--green); }
.port-redes { display: flex; flex-wrap: wrap; gap: 8px; }
.port-rede { border: 1px solid var(--panel-border); border-radius: 999px;
      background: var(--panel2); color: var(--text-soft); padding: 6px 12px;
      font-size: 11px; cursor: pointer; }
.port-rede.ativa { border-color: var(--green); color: var(--green); }
.ind-fundo {
      display: none; position: fixed; inset: 0; z-index: 1200;
      background: rgba(0, 0, 0, .55); align-items: center; justify-content: center;
    }
.ind-fundo.aberto { display: flex; }
.ind-caixa {
      width: min(420px, calc(100vw - 24px)); max-height: calc(100vh - 48px);
      display: flex; flex-direction: column;
      background: #101B1D; border: 1px solid #22383C; border-radius: 8px;
      box-shadow: 0 18px 48px rgba(0, 0, 0, .7); color: #DCEBE9;
    }
.ind-caixa header {
      display: flex; align-items: center; justify-content: space-between;
      padding: 14px 16px 10px;
    }
.ind-caixa header h4 { margin: 0; font-size: 15px; font-weight: 600; }
.ind-caixa header button {
      background: none; border: 0; color: #8AA3A2; font-size: 20px;
      line-height: 1; cursor: pointer; padding: 0 2px;
    }
.ind-caixa header button:hover { color: #DCEBE9; }
.ind-caixa nav {
      display: flex; gap: 18px; padding: 0 16px;
      border-bottom: 1px solid #1B2E31;
    }
.ind-caixa nav button {
      background: none; border: 0; border-bottom: 2px solid transparent;
      color: #8AA3A2; font-size: 13px; padding: 6px 0 8px; cursor: pointer;
    }
.ind-caixa nav button.ativo { color: #DCEBE9; border-bottom-color: #3FB6C9; }
.ind-caixa footer {
      display: flex; align-items: center; gap: 8px;
      padding: 12px 16px 14px; border-top: 1px solid #1B2E31;
    }
.ind-caixa footer span { flex: 1; }
.ind-caixa footer button {
      border-radius: 4px; padding: 7px 16px; font-size: 13px; cursor: pointer;
      border: 1px solid #22383C;
    }
.ind-corpo { padding: 14px 16px; overflow-y: auto; }
.ind-linha {
      display: flex; align-items: center; justify-content: space-between;
      gap: 12px; margin-bottom: 12px;
    }
.ind-linha > label { font-size: 13px; color: #B7CBC9; }
.ind-linha input[type=number], .ind-linha select {
      width: 118px; background: #0A1416; border: 1px solid #22383C;
      border-radius: 4px; color: #DCEBE9; padding: 6px 8px; font-size: 13px;
    }
.ind-titulo-grupo {
      font-size: 10px; letter-spacing: .08em; color: #63807E;
      text-transform: uppercase; margin: 16px 0 10px;
    }
.ind-ok { background: #3FB6C9; color: #FFFFFF; border-color: #3FB6C9; }
.funil-corte {
      font-size: 10px;
      color: var(--text-muted);
      margin-top: 2px;
    }
#port-nome, #port-endereco { width: 240px; background: #0A1416;
      border: 1px solid #22383C; border-radius: 4px; color: #DCEBE9;
      padding: 6px 8px; font-size: 13px; }
.cred-btn { width: auto; }

.cross-pair{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,430px),1fr));gap:12px;padding:8px}
.cross-side{border:1px solid var(--line);border-radius:12px;background:var(--panel);overflow:hidden}
.cross-head{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--line);
  font-size:11px;letter-spacing:.6px;text-transform:uppercase;color:var(--text)}
.cross-head .radar-sel-info{margin-left:auto}
.trd-config {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
      gap: 10px;
      margin-bottom: 12px;
    }
.trd-config label {
      display: flex;
      flex-direction: column;
      gap: 5px;
      font-size: 11px;
      color: var(--text-muted);
      text-transform: uppercase;
      letter-spacing: .4px;
    }
.trd-config input, .trd-config select {
      border-radius: 8px;
      border: 1px solid var(--panel-border);
      background: var(--bg2);
      color: var(--text);
      padding: 9px 10px;
      font-size: 13px;
    }
.trd-acoes {
      display: flex;
      align-items: center;
      gap: 10px;
      flex-wrap: wrap;
      margin-bottom: 12px;
    }
.trd-botao {
      border: 1px solid var(--panel-border);
      border-radius: 8px;
      background: var(--green);
      color: #04140d;
      font-weight: 700;
      font-size: 12px;
      letter-spacing: .5px;
      padding: 10px 16px;
      cursor: pointer;
    }
.trd-botao.trd-neutro {
      background: var(--bg2);
      color: var(--text);
    }
.trd-aviso {
      font-size: 11px;
      color: var(--text-muted);
    }
.trd-lista {
      display: flex;
      flex-direction: column;
      gap: 8px;
    }
.trd-item {
      border: 1px solid var(--panel-border);
      border-radius: 10px;
      background: var(--bg2);
      padding: 10px 12px;
    }
.trd-linha {
      display: flex;
      align-items: center;
      gap: 14px;
      flex-wrap: wrap;
      font-size: 12px;
    }
.trd-par {
      font-weight: 700;
      font-size: 13px;
      cursor: pointer;
    }
.trd-campo b {
      color: var(--text);
    }
.trd-item .trd-botao {
      padding: 7px 12px;
    }
.trd-resumo {
      margin-top: 8px;
      padding-top: 8px;
      border-top: 1px solid var(--panel-border);
      font-size: 12px;
      display: flex;
      gap: 14px;
      flex-wrap: wrap;
      align-items: center;
    }
.funil-linha {
      margin-bottom: 9px;
    }
.funil-selo {
      margin-bottom: 4px;
    }
.funil-selo .badge {
      padding: 2px 8px;
      font-size: 9px;
    }
.funil-topo {
      display: flex;
      justify-content: space-between;
      align-items: baseline;
      font-size: 11px;
      color: var(--text-muted);
      margin-bottom: 4px;
    }
.funil-topo b {
      color: var(--text);
      font-size: 13px;
      font-variant-numeric: tabular-nums;
    }
.funil-trilho {
      height: 8px;
      border-radius: 999px;
      background: var(--panel2);
      overflow: hidden;
    }
.funil-barra {
      height: 100%;
      border-radius: 999px;
      transition: width .4s ease;
    }
.funil-corte {
      font-size: 10px;
      color: var(--text-muted);
      margin-top: 2px;
    }
.funil-topo { font-size: 10px; }
.funil-topo b { font-size: 12px; }
.acc-2fa-qr{display:block;width:180px;height:180px;margin:0 0 10px;border-radius:8px;background:#fff;padding:8px}
.acc-shell{display:flex;min-height:420px}
.acc-nav{width:210px;flex:none;border-right:1px solid var(--line);padding:10px;display:flex;flex-direction:column;gap:2px}
.acc-nav-item{display:block;width:100%;text-align:left;padding:10px 12px;border-radius:8px;font-size:12px;
  font-family:inherit;color:var(--text-muted);background:none;border:none;cursor:pointer}
.acc-nav-item:hover{background:rgba(255,255,255,.05);color:var(--text)}
.acc-nav-item.active{background:rgba(0,247,165,.12);color:var(--green);font-weight:700}
.acc-content{flex:1;min-width:0;overflow-y:auto}
@media(max-width:720px){.acc-shell{flex-direction:column}.acc-nav{width:100%;flex-direction:row;flex-wrap:wrap;border-right:none;border-bottom:1px solid var(--line)}}
.bot-block{border:1px solid var(--line);border-radius:12px;background:var(--panel);margin:8px;overflow:hidden}
.bot-block-h{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--line);
  font-size:11px;letter-spacing:.6px;text-transform:uppercase;color:var(--text);font-weight:700}
.bot-block-h .badge{margin-left:auto;font-size:10px;color:var(--muted);font-weight:600;text-transform:none}
.pct {
      display: inline-block;
      margin-left: 8px;
      padding: 1px 8px;
      border-radius: 999px;
      font-size: 11px;
      font-weight: 800;
      letter-spacing: 0;
      color: var(--green);
      background: rgba(0, 247, 165, 0.12);
      border: 1px solid rgba(0, 247, 165, 0.35);
    }
.pct.off {
      color: var(--text-muted);
      background: transparent;
      border-color: var(--panel-border);
    }
.pct.neg {
      color: var(--red);
      background: rgba(255, 4, 32, 0.12);
      border-color: rgba(255, 4, 32, 0.4);
    }
.aba {
      border-radius: 8px;
      padding: 7px 14px;
      border: 1px solid var(--panel-border);
      background: var(--panel2);
      color: var(--text-soft);
      font-size: 11px;
      font-weight: 800;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      cursor: pointer;
    }
.aba.ativa {
      color: var(--green);
      border-color: rgba(0, 247, 165, 0.45);
      background: rgba(0, 247, 165, 0.08);
    }
.aba { padding: 8px 12px; font-size: 10px; }
.abas { display: flex; gap: 6px; }
.bot-caixa {
      display: flex; align-items: center; gap: 10px; font-size: 11px;
      font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase;
      color: var(--text-soft); background: var(--bg2);
      border: 1px solid var(--panel-border); border-radius: 10px;
      padding: 8px 12px;
    }
.bot-caixa b { font-size: 11px; letter-spacing: .1em; text-transform: uppercase; }
.bot-luz { width: 10px; height: 10px; border-radius: 50%; background: var(--red); }
.bot-luz.on { background: var(--green); }
.bot-btn {
      border: 1px solid var(--panel-border); background: var(--panel2);
      color: var(--text-soft); border-radius: 8px; padding: 7px 14px;
      font-size: 11px; font-weight: 800; letter-spacing: 0.1em;
      text-transform: uppercase; font-family: inherit; cursor: pointer;
    }
.bot-btn:not(:disabled):hover { border-color: var(--logo-o); color: var(--text); }
.bot-btn:disabled { opacity: .45; cursor: not-allowed; }
.panel-title {
      font-size: 13px;
      font-weight: 800;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: var(--text);
      border-left: 3px solid var(--green);
      padding-left: 10px;
    }
.panel-title, .titulo-painel { font-size: 11px; letter-spacing: 0.06em; }
.panel-header {
      padding: 16px 18px;
      border-bottom: 1px solid var(--panel-border);
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
.panel-header.graf-topo {
      display: block;
      padding: 8px 16px 6px;
    }
.panel-header { padding: 12px 14px; }
.macro-ema {
      display: flex; align-items: center; gap: 10px; margin-bottom: 9px;
      font-size: 13px; color: #B7CBC9;
    }
.macro-ema i {
      width: 14px; height: 3px; border-radius: 2px; display: inline-block;
    }
.macro-ema span { flex: 1 1 auto; }
.macro-ema b { font-size: 10px; color: #63807E; font-weight: 600; }
.bot-block .form-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
      gap: 12px;
    }
.bot-block .field {
      display: flex;
      flex-direction: column;
      gap: 6px;
    }
.bot-block .field label {
      font-size: 12px;
      font-weight: 600;
      letter-spacing: 0.01em;
      color: var(--text);
      text-transform: none;
    }
.bot-block .field input, .bot-block .field select {
      width: 100%;
      border-radius: 8px;
      border: 1px solid var(--panel-border);
      background: var(--bg2);
      color: var(--text);
      padding: 9px 10px;
      font-size: 12px;
      outline: none;
    }
.bot-block .field input:focus, .bot-block .field select:focus {
      border-color: var(--green);
      box-shadow: 0 0 0 2px rgba(0, 247, 165, 0.15);
    }
.bot-block .pct {
      display: inline-block;
      margin-left: 8px;
      padding: 1px 8px;
      border-radius: 999px;
      font-size: 11px;
      font-weight: 800;
      letter-spacing: 0;
      color: var(--green);
      background: rgba(0, 247, 165, 0.12);
      border: 1px solid rgba(0, 247, 165, 0.35);
    }
.bot-block .pct.off {
      color: var(--text-muted);
      background: transparent;
      border-color: var(--panel-border);
    }
.bot-block .pct.neg {
      color: var(--red);
      background: rgba(255, 4, 32, 0.12);
      border-color: rgba(255, 4, 32, 0.4);
    }
.bot-block .panel-body {
      padding: 14px 16px;
    }
.bot-block .panel-header {
      padding: 16px 18px;
      border-bottom: 1px solid var(--panel-border);
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
.bot-block .panel-title {
      font-size: 13px;
      font-weight: 800;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: var(--text);
      border-left: 3px solid var(--green);
      padding-left: 10px;
    }
.bot-block .cred-btn { width: auto; }
.bot-block .abas { display: flex; gap: 6px; }
.bot-block .aba {
      border-radius: 8px;
      padding: 7px 14px;
      border: 1px solid var(--panel-border);
      background: var(--panel2);
      color: var(--text-soft);
      font-size: 11px;
      font-weight: 800;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      cursor: pointer;
    }
.bot-block .aba.ativa {
      color: var(--green);
      border-color: rgba(0, 247, 165, 0.45);
      background: rgba(0, 247, 165, 0.08);
    }
.bot-block .bot-caixa {
      display: flex; align-items: center; gap: 10px; font-size: 11px;
      font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase;
      color: var(--text-soft); background: var(--bg2);
      border: 1px solid var(--panel-border); border-radius: 10px;
      padding: 8px 12px;
    }
.bot-block .bot-caixa b { font-size: 11px; letter-spacing: .1em; text-transform: uppercase; }
.bot-block .bot-luz { width: 10px; height: 10px; border-radius: 50%; background: var(--red); }
.bot-block .bot-luz.on { background: var(--green); }
.bot-block .bot-btn {
      border: 1px solid var(--panel-border); background: var(--panel2);
      color: var(--text-soft); border-radius: 8px; padding: 7px 14px;
      font-size: 11px; font-weight: 800; letter-spacing: 0.1em;
      text-transform: uppercase; font-family: inherit; cursor: pointer;
    }
.bot-block .bot-btn:not(:disabled):hover { border-color: var(--logo-o); color: var(--text); }
.bot-block .bot-btn:disabled { opacity: .45; cursor: not-allowed; }
#par-caixa{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:60;
  width:min(980px,92vw);max-height:82vh;display:flex;flex-direction:column;margin:0;
  background:var(--panel);border:1px solid var(--panel-border-soft);border-radius:14px;
  padding:14px;box-shadow:0 24px 70px rgba(0,0,0,.6)}
#par-caixa .radar-sel-topo{flex:none}
#par-caixa .table-wrap{flex:1 1 auto;overflow:auto;min-height:0}

.bot-block table, .port-conteudo table, #par-caixa table{width:100%;border-collapse:collapse}
.bot-block th, .port-conteudo th, #par-caixa th{font-size:11px;font-weight:700;letter-spacing:.08em;
  text-transform:uppercase;color:var(--text);background:var(--panel2);
  border-bottom:1px solid var(--panel-border-soft);padding:12px 10px;text-align:left}
.bot-block td, .port-conteudo td, #par-caixa td{padding:12px 10px;
  border-bottom:1px solid var(--panel-border);font-size:11px;text-align:left;color:var(--text)}
.bot-block tbody tr:hover, .port-conteudo tbody tr:hover, #par-caixa tbody tr:hover{background:rgba(255,255,255,.02)}
.bot-block .table-wrap, .port-conteudo .table-wrap, #par-caixa .table-wrap{width:100%;overflow-x:auto}
.btn, .cred-btn, .ind-ok, .trd-botao, .radar-sel-limpar{border:none;border-radius:8px;padding:10px 14px;
  font-weight:800;font-size:10px;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;
  background:var(--green);color:#081012;font-family:inherit}
.cred-btn{width:auto}
.trd-botao.trd-neutro{background:var(--bg2);color:var(--text);border:1px solid var(--panel-border)}
.btn:hover, .cred-btn:hover, .ind-ok:hover, .trd-botao:hover, .radar-sel-limpar:hover{background:#ff7800}
.port-conteudo{padding:8px}
.port-abas{margin:0 8px}
.port-topo{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px}

.bot-block .panel-header{padding:16px 18px;border-bottom:1px solid var(--panel-border);
  display:flex;align-items:center;justify-content:flex-start;gap:18px;flex-wrap:wrap}
.bot-block .panel-header > *{margin:0}
.bot-block .panel-title{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
  color:var(--text);border-left:3px solid var(--green);padding-left:10px}
.bot-block .panel-body{padding:16px 18px}
.bot-block .badge{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  color:var(--text-muted);border:1px solid var(--panel-border);border-radius:999px;padding:5px 10px}

.bot-block #scan-config-form > div:not(.form-grid):not(#par-caixa){
  display:inline-flex;align-items:center;gap:12px;margin-top:12px;margin-right:14px;vertical-align:middle}
.bot-block #scan-config-form .btn{margin:0;white-space:nowrap}
.cred-bloco {
      margin-top: 18px;
      padding-top: 16px;
      border-top: 1px solid var(--panel-border);
    }
.cred-topo {
      display: flex; align-items: center; flex-wrap: wrap; gap: 12px;
    }
.cred-lista {
      display: flex; flex-wrap: wrap; gap: 8px;
    }
.cred-chip {
      display: inline-flex; align-items: center; gap: 8px;
      border: 1px solid var(--panel-border); border-radius: 999px;
      background: var(--panel2); color: var(--text-soft);
      padding: 5px 12px; font-size: 11px; cursor: pointer;
    }
.cred-chip:hover { border-color: var(--logo-o); color: var(--text); }
.cred-chip.ativa { border-color: var(--green); color: var(--green); }
.cred-chip b { font-weight: 700; text-transform: uppercase; letter-spacing: .06em; }
.cred-chip span { font-size: 10px; color: var(--text-muted); }
.cred-titulo {
      font-size: 10px;
      font-weight: 800;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: var(--text-muted);
      margin-bottom: 12px;
    }
.cred-grid {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) minmax(0, 2fr);
      gap: 12px;
    }
.cred-acoes {
      display: flex;
      align-items: center;
      gap: 14px;
      flex-wrap: wrap;
      margin-top: 12px;
    }
.cred-btn { width: auto; }
.cred-ver {
      display: flex;
      align-items: center;
      gap: 6px;
      font-size: 11px;
      color: var(--text-muted);
      cursor: pointer;
    }
.cred-ver input { accent-color: var(--green); width: 14px; height: 14px; }
.cred-msg { font-size: 11px; color: var(--text-muted); }
.cred-msg.bom { color: var(--green); }
.cred-msg.erro { color: var(--red); }
.cred-grid { grid-template-columns: 1fr; }
#par-fundo{position:fixed;inset:0;z-index:59;background:rgba(0,0,0,.55)}
.bot-block .cred-btn.ativa{background:var(--panel2);color:var(--green);
  border:1px solid rgba(0,247,165,.45)}

.sinais-grade.compacta {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  max-height: none;
  overflow: visible;
  padding: 0;
}

.sinais-grade.compacta .sinal-cartao { border-radius: 9px; }
.sinais-grade.compacta .sinal-topo { padding: 6px 9px; gap: 6px; }
.sinais-grade.compacta .sinal-par { font-size: 11px; }
.sinais-grade.compacta .sinal-preco { font-size: 11px; }
.sinais-grade.compacta .sinal-corpo { padding: 7px 9px; gap: 5px; }
.sinais-grade.compacta .sinal-linha { font-size: 10.5px; }
.sinais-grade.compacta .sinal-conf { gap: 4px; }
.sinais-grade.compacta .sinal-conf-item { font-size: 9px; padding: 1px 5px; }
.sinais-grade.compacta .sinal-rodape { font-size: 9px; }
.sinais-grade.compacta .sinal-premium { font-size: 8.5px; padding: 1px 5px; }
.sinais-grade.compacta .sinal-corretora { font-size: 8.5px; padding: 1px 5px; }
.sinais-grade.compacta .sinal-lupa { max-height: 84px; overflow: hidden; }
.sinais-grade.compacta .sinal-lupa svg { height: 84px; }

@media (min-width: 1100px) {
  .sinais-grade.compacta { grid-template-columns: 1fr 1fr 1fr; }
}

.rightcol .cross-wrap {
  max-height: none;
  min-height: 0;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 0 6px 6px;
  scrollbar-width: thin;
}

.rightcol table.cross { font-size: 9.5px; }

.rightcol table.cross th {
  font-size: 8.5px;
  padding: 7px 6px;
  letter-spacing: .02em;
}

.rightcol table.cross td {
  font-size: 9.5px;
  padding: 7px 6px;
}

.rightcol table.cross .signal { font-size: 7px; padding: 1px 4px; }
.rightcol table.cross .tag { font-size: 7px; padding: 1px 4px; }

.rightcol .cross-wrap::-webkit-scrollbar { height: 6px; }
.rightcol .cross-wrap::-webkit-scrollbar-thumb {
  background: rgba(5, 150, 87, 0.25);
  border-radius: 999px;
}

.radar-bloco {
  padding: 9px 10px;
  border-bottom: 1px solid var(--panel-border);
}

.radar-bloco:last-child { border-bottom: none; }

.rb-topo {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  margin-bottom: 7px;
}

.rb-par { font-size: 12px; font-weight: 800; letter-spacing: .02em; }
.rb-var { margin-left: auto; font-size: 12px; font-weight: 800; }

.rb-campos {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(58px, 1fr));
  gap: 6px 8px;
}

.rb-campo { display: flex; flex-direction: column; gap: 1px; min-width: 0; }

.rb-campo span {
  font-size: 8.5px;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: .04em;
}

.rb-campo b { font-size: 11px; font-weight: 700; }
.rb-campo b i { font-style: normal; color: var(--text-muted); font-weight: 600; }

.rb-gatilho {
  margin-top: 7px;
  font-size: 9.5px;
  color: var(--text-soft);
  line-height: 1.4;
  word-break: break-word;
}

.coluna-principal {
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-width: 0;
}

.coluna-principal > .card { margin: 0; }

.row2 > .card { align-self: start; }

@media (max-width: 1100px) {
  .coluna-principal { gap: 12px; }
}

.user-link:hover,
.user-menu-item:hover,
.link:hover,
.tf:hover,
.tab:hover,
.sinal-par:hover,
.sinal-zoom-sair:hover,
.port-chip:hover,
.port-chip-nome:hover,
.port-chip-x:hover,
.port-abas button:hover,
.port-rede:hover,
.ind-caixa header button:hover,
.ind-caixa nav button:hover,
.ind-caixa footer button:hover,
.trd-par:hover,
.acc-nav-item:hover,
.aba:hover,
.bot-block .aba:hover,
.cred-ver:hover { color: var(--logo-o); border-color: rgba(255, 120, 0, .45); background: rgba(255, 120, 0, .08); }