:root{--background:#050b0c;--foreground:#e6f0ec;--sidebar:#070f0e;--card:#0b1614;--primary:#e9b949;--primary-foreground:#1a1203;--muted:#12211d;--muted-foreground:#7f9a91;--success:#2ee6a6;--error:#ff5d73;--warning:#f58220;--border:#183029;--font-family-base:"Plus Jakarta Sans",system-ui,sans-serif;--font-family-monospace:"IBM Plex Mono",Menlo,monospace;--z-nav:200;--z-nav-sticky:300}
*{box-sizing:border-box}body{margin:0;background:var(--background)}button{font-family:inherit}
.app { display: flex; min-height: 100vh; background: var(--background); color: var(--foreground); font-family: var(--font-family-base); }
.sidebar { width: 220px; flex-shrink: 0; background: var(--sidebar); border-right: 1px solid var(--border); padding: 20px 14px; display: flex; flex-direction: column; gap: 24px; position: sticky; top: 0; height: 100vh; }
.brand { display: flex; align-items: center; gap: 10px; padding: 0 6px; }
.logo { width: 38px; height: 38px; border-radius: 10px; object-fit: cover; }
.brandName { font-weight: 800; font-size: 15px; line-height: 1.1; }
.brandSub { font-size: 11px; color: var(--muted-foreground); }
.nav { display: flex; flex-direction: column; gap: 4px; }
.navItem { display: flex; align-items: center; gap: 12px; padding: 11px 12px; border-radius: 12px; color: var(--muted-foreground); font-weight: 600; font-size: 14px; background: transparent; border: 1px solid transparent; cursor: pointer; text-align: left; }
.navItem:hover { color: var(--foreground); background: var(--muted); }
.navActive { color: var(--primary); background: rgba(233, 185, 73, 0.1); border-color: rgba(233, 185, 73, 0.3); }
.ico{width:18px;height:18px;border-radius:5px;border:2px solid currentColor;display:inline-block}
.sideFoot { margin-top: auto; padding: 12px; border: 1px solid var(--border); border-radius: 14px; background: var(--card); font-size: 12px; color: var(--muted-foreground); line-height: 1.5; }
.main { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.topbar { display: flex; align-items: center; gap: 14px; padding: 14px 24px; border-bottom: 1px solid var(--border); background: var(--background); position: sticky; top: 0; z-index: var(--z-nav); }
.mobileBrand { display: none; align-items: center; gap: 10px; }
.search { flex: 1; max-width: 420px; display: flex; align-items: center; gap: 8px; padding: 0 14px; height: 40px; border-radius: 12px; background: var(--card); border: 1px solid var(--border); color: var(--muted-foreground); font-size: 13px; }
.spacer { flex: 1; }
.market { display: inline-flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 700; color: var(--success); padding: 8px 12px; border-radius: 999px; background: rgba(46, 230, 166, 0.08); border: 1px solid rgba(46, 230, 166, 0.25); white-space: nowrap; }
.dot { width: 8px; height: 8px; border-radius: 50%; background: currentColor; box-shadow: 0 0 8px currentColor; }
.toggle { display: flex; padding: 3px; border-radius: 12px; background: var(--card); border: 1px solid var(--border); }
.seg { height: 32px; padding: 0 16px; border: none; border-radius: 9px; font-weight: 800; font-size: 11px; letter-spacing: 0.06em; background: transparent; color: var(--muted-foreground); cursor: pointer; }
.segPaper { background: var(--warning); color: #fff; }
.segLive { background: var(--error); color: #fff; }
.segGold{background:var(--primary);color:var(--primary-foreground)}
.avatar { width: 38px; height: 38px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 14px; background: linear-gradient(135deg, var(--primary), #b8892a); color: var(--primary-foreground); flex-shrink: 0; }
.content { padding: 24px; display: flex; flex-direction: column; gap: 18px; max-width: 1400px; width: 100%; margin: 0 auto; }
.startStrip { display: flex; align-items: center; gap: 16px; padding: 16px 18px; border-radius: 16px; border: 1px solid rgba(233, 185, 73, 0.35); background: linear-gradient(90deg, rgba(233, 185, 73, 0.12), rgba(233, 185, 73, 0.03)); }
.stripText { flex: 1; min-width: 0; }
.stripTitle { font-weight: 800; font-size: 15px; }
.stripSub { font-size: 12px; color: var(--muted-foreground); margin-top: 2px; }
.btn { height: 44px; padding: 0 22px; border: none; border-radius: 12px; font-weight: 800; font-size: 14px; cursor: pointer; white-space: nowrap; }
.btnGold { background: var(--primary); color: var(--primary-foreground); }
.btnRed { background: var(--error); color: #fff; }
.kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.card { background: var(--card); border: 1px solid var(--border); border-radius: 16px; padding: 18px; min-width: 0; }
.kLabel { font-size: 12px; font-weight: 600; color: var(--muted-foreground); }
.kValue { font-family: var(--font-family-monospace); font-size: 26px; font-weight: 600; margin-top: 6px; }
.kSub { font-size: 12px; margin-top: 4px; font-weight: 700; }
.up { color: var(--success); } .down { color: var(--error); } .gold { color: var(--primary); } .muted { color: var(--muted-foreground); } .mono { font-family: var(--font-family-monospace); }
.grid { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: 14px; }
.col { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.cardHead { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; gap: 10px; }
.cardTitle { font-weight: 800; font-size: 15px; }
.chips { display: flex; gap: 6px; }
.chip { padding: 4px 10px; border-radius: 8px; font-size: 11px; font-weight: 700; background: var(--muted); color: var(--muted-foreground); }
.chipOn { background: rgba(233, 185, 73, 0.15); color: var(--primary); }
.chartBox { width: 100%; height: 280px; }
.botRow { display: flex; align-items: center; gap: 14px; }
.botStatus { font-weight: 800; font-size: 16px; }
.ringRow { display: flex; align-items: center; gap: 16px; }
.ring { width: 76px; height: 76px; flex-shrink: 0; border-radius: 50%; background: conic-gradient(var(--primary) 0 72%, var(--muted) 72% 100%); display: flex; align-items: center; justify-content: center; }
.ringIn { width: 58px; height: 58px; border-radius: 50%; background: var(--card); display: flex; align-items: center; justify-content: center; font-family: var(--font-family-monospace); font-weight: 600; font-size: 20px; }
.reasons { margin-top: 12px; display: flex; flex-direction: column; gap: 8px; }
.reason { display: flex; justify-content: space-between; font-size: 12px; padding: 8px 10px; border-radius: 10px; background: var(--muted); }
.tabs { display: flex; gap: 6px; }
.table { width: 100%; border-collapse: collapse; font-size: 13px; }
.th { text-align: left; font-size: 11px; font-weight: 700; color: var(--muted-foreground); padding: 8px 10px; border-bottom: 1px solid var(--border); white-space: nowrap; }
.td { padding: 12px 10px; border-bottom: 1px solid var(--border); white-space: nowrap; }
.badge { padding: 3px 8px; border-radius: 7px; font-size: 11px; font-weight: 800; }
.badgeCe { background: rgba(46, 230, 166, 0.12); color: var(--success); }
.badgePe { background: rgba(255, 93, 115, 0.12); color: var(--error); }
.watchRow { display: flex; align-items: center; justify-content: space-between; padding: 11px 0; border-bottom: 1px solid var(--border); }
.watchRow:last-child { border-bottom: none; }
.wName { font-weight: 700; font-size: 13px; }
.wPrice { font-family: var(--font-family-monospace); font-size: 12px; color: var(--muted-foreground); margin-top: 1px; }
.score { padding: 5px 11px; border-radius: 9px; font-family: var(--font-family-monospace); font-weight: 600; font-size: 14px; }
.scoreHi { background: rgba(46, 230, 166, 0.12); color: var(--success); }
.scoreMid { background: rgba(233, 185, 73, 0.14); color: var(--primary); }
.footer { padding: 6px 24px 28px; font-size: 11px; color: var(--muted-foreground); line-height: 1.6; max-width: 1400px; margin: 0 auto; width: 100%; }
.tabbar { display: none; }
@media (max-width: 1100px) { .kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 820px) {
  .sidebar,.search,.market { display: none; } .mobileBrand { display: flex; } .topbar { padding: 12px 16px; }
  .content { padding: 14px 16px 100px; gap: 12px; } .footer { padding: 0 16px 100px; } .kValue { font-size: 22px; } .card { padding: 14px; } .chartBox { height: 220px; }
  .order1 { order: -3; } .order2 { order: -2; }
  .tabbar { display: flex; position: fixed; left: 0; right: 0; bottom: 0; z-index: var(--z-nav-sticky); justify-content: space-around; padding: 8px 6px 14px; background: var(--sidebar); border-top: 1px solid var(--border); }
  .tabItem { display: flex; flex-direction: column; align-items: center; gap: 4px; min-width: 56px; min-height: 44px; justify-content: center; font-size: 10px; font-weight: 700; color: var(--muted-foreground); background: transparent; border: none; }
  .tabActive { color: var(--primary); }
}

.hidden{display:none!important}
.login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--background);color:var(--foreground);font-family:var(--font-family-base)}
.loginCard{width:100%;max-width:400px;background:var(--card);border:1px solid var(--border);border-radius:20px;padding:26px;display:flex;flex-direction:column;gap:14px}
.field{height:46px;border-radius:12px;border:1px solid var(--border);background:var(--background);color:var(--foreground);padding:0 14px;font-size:15px;font-family:inherit;width:100%}
.field:focus{outline:2px solid rgba(233,185,73,.5)}
.err{color:var(--error);font-size:13px;min-height:18px}
.link{color:var(--primary);font-size:13px;font-weight:700;text-decoration:none}
.pwWrap{position:relative;width:100%}
.pwWrap .field{padding-right:48px}
.pwEye{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:40px;height:40px;border:0;background:transparent;color:var(--muted-foreground);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:10px}
.pwEye:hover,.pwEye:focus-visible{color:var(--primary)}
.pwEye .eyeOff{display:none}.pwEye[aria-pressed="true"] .eyeOn{display:none}.pwEye[aria-pressed="true"] .eyeOff{display:block}
.authLinks{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.authCard{max-width:460px;gap:10px;margin:24px 0}
.flabel{font-size:12px;font-weight:700;color:var(--muted-foreground);margin-top:4px}
.btnGhost{background:transparent;color:var(--primary);border:1px solid rgba(233,185,73,.45)}
.otpBox,.consentBox{border:1px solid var(--border);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:10px;background:rgba(255,255,255,.015)}
.otpBox.ok{border-color:rgba(46,230,166,.45)}
.otpHead{font-size:13px;font-weight:700}.otpBox.ok .otpHead{color:var(--success)}
.otpRow{display:flex;gap:8px}.otpRow .field{flex:1}.otpRow .btn{flex:0 0 auto}
.consentHead{display:flex;justify-content:space-between;align-items:center;font-size:14px}
.riskPts summary{cursor:pointer;font-size:13px;color:var(--primary);font-weight:700}
.riskPts ul{margin:8px 0 0;padding-left:18px;font-size:12px;color:var(--muted-foreground);line-height:1.5}
.consent{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.45;cursor:pointer}
.consent input{width:18px;height:18px;margin-top:1px;accent-color:var(--success);flex:0 0 auto}
.view{display:flex;flex-direction:column;gap:14px}
.banner{padding:10px 14px;border-radius:12px;font-size:12px;font-weight:700;background:rgba(245,130,32,.12);color:var(--warning);border:1px solid rgba(245,130,32,.3)}
a.navItem{text-decoration:none}
.tdlink{color:var(--primary);text-decoration:none;font-weight:700}

.kpis{grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:1280px){.kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:1100px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
.frame{width:100%;height:calc(100vh - 150px);min-height:620px;border:1px solid var(--border);border-radius:16px;background:#050b0c;display:block}
.day{border:1px solid var(--border);border-radius:14px;margin-bottom:10px;background:var(--background);overflow:hidden}
.daySum{display:flex;align-items:center;gap:12px;padding:12px 14px;cursor:pointer;list-style:none;font-weight:700;font-size:14px}
.daySum::-webkit-details-marker{display:none}
.dayName{flex:1}
.dayMeta{font-size:12px;font-weight:600}
.moreSheet{position:fixed;left:10px;right:10px;bottom:76px;z-index:var(--z-nav-sticky);background:var(--sidebar);border:1px solid var(--border);border-radius:16px;padding:8px;display:grid;grid-template-columns:repeat(2,1fr);gap:4px}
.moreItem{padding:13px 12px;border-radius:12px;background:transparent;border:none;color:var(--foreground);font-weight:700;font-size:13px;text-align:left;font-family:inherit;text-decoration:none;cursor:pointer}
.moreItem:hover{background:var(--muted)}
@media (min-width:821px){.moreSheet{display:none!important}.navItem{padding:9px 12px}.nav{gap:2px;overflow-y:auto}}
@media (max-width:820px){.frame{height:calc(100vh - 190px)}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.daySum{flex-wrap:wrap}}

.fgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.cardSel{border-color:rgba(46,230,166,.55)}
.mini{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:6px}
.mini .mono{font-size:14px;font-weight:600;margin-top:2px}
.sw{position:relative;display:inline-block;width:52px;height:30px;flex-shrink:0}
.sw input{opacity:0;width:0;height:0;position:absolute}
.swTrack{position:absolute;inset:0;border-radius:99px;background:var(--muted);border:1px solid var(--border);transition:.2s;cursor:pointer}
.swTrack::after{content:'';position:absolute;left:3px;top:3px;width:22px;height:22px;border-radius:50%;background:var(--muted-foreground);transition:.2s}
.sw input:checked + .swTrack{background:rgba(46,230,166,.3);border-color:rgba(46,230,166,.6)}
.sw input:checked + .swTrack::after{transform:translateX(22px);background:var(--success)}
.chip.up{color:var(--success);background:rgba(46,230,166,.12)}.chip.down{color:var(--error);background:rgba(255,93,115,.12)}

/* native Broker/Billing/Help/Account */
.formGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-bottom:12px}
.fl{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--muted-foreground);font-weight:600}
.btnRow{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.btnGhost{background:transparent;border:1px solid var(--border);color:var(--foreground,#e6f1ed)}
.btn:disabled{opacity:.55;cursor:not-allowed}
.msg{font-size:13px;margin:6px 0;min-height:0;line-height:1.5}.msg.ok{color:var(--success)}.msg.bad{color:var(--error)}
.planCard{border-color:rgba(233,185,73,.35)}.planPrice{font-size:28px;font-weight:800;color:var(--primary)}.planPrice span{font-size:12px;color:var(--muted-foreground);font-weight:600}
.tierList{display:grid;gap:8px}.tierOpt{display:grid;grid-template-columns:1fr auto;gap:2px 10px;text-align:left;padding:12px;border-radius:12px;border:1.5px solid var(--border,#233959);background:transparent;color:inherit;cursor:pointer;font:inherit}.tierOpt.sel{border-color:var(--primary);background:rgba(233,185,73,.1)}.tierOpt:disabled{opacity:.45;cursor:not-allowed}.tierName{font-weight:800}.tierPrice{font-weight:800;color:var(--primary);text-align:right}.tierCap{grid-column:1/3;font-size:12px;color:var(--muted-foreground)}
.ticks{list-style:none;padding:0;margin:14px 0}.ticks li{padding:6px 0 6px 24px;position:relative;font-size:14px}.ticks li:before{content:"✓";position:absolute;left:0;color:var(--success);font-weight:800}
.acc{border:1px solid var(--border);border-radius:12px;margin-bottom:8px;background:rgba(255,255,255,.02)}.acc summary{cursor:pointer;padding:12px 14px;font-weight:700;font-size:14px;display:flex;align-items:center;gap:10px;list-style:none}.acc summary::-webkit-details-marker{display:none}
.acc .num{width:24px;height:24px;border-radius:8px;background:rgba(233,185,73,.14);color:var(--primary);display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;flex:none}
.accBody{padding:0 14px 14px 48px;font-size:13px;line-height:1.6;color:var(--muted-foreground)}.accBody code{font-family:'IBM Plex Mono',monospace;color:var(--foreground,#e6f1ed);word-break:break-all;font-size:12px}
.note{padding:12px 14px;border-radius:12px;font-size:13px;margin-top:10px}.note.warn{background:rgba(245,130,32,.1);border:1px solid rgba(245,130,32,.3);color:var(--warning)}
.profRow{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.avatar.big{width:52px;height:52px;font-size:22px;flex:none}
.kvGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:14px}.kvGrid div{display:flex;flex-direction:column;gap:3px;font-size:13px}.kvGrid b{font-size:14px}
button.chip{cursor:pointer;font-family:inherit}a.chip{text-decoration:none}

.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-bottom:0}
.ipBox{display:flex;flex-direction:column;gap:4px;padding:14px;border:1px dashed rgba(233,185,73,.4);border-radius:12px;margin:10px 0}.ipBox b{font-size:24px;color:var(--primary);word-break:break-all}
.toolGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}
.toolCard{display:flex;flex-direction:column;gap:4px;text-align:left;padding:14px;border-radius:14px;border:1px solid var(--border);background:rgba(255,255,255,.02);color:var(--foreground,#e6f1ed);cursor:pointer;font-family:inherit}.toolCard span{font-size:12px;color:var(--muted-foreground)}.toolCard:hover{border-color:rgba(233,185,73,.5)}
@media (max-width:820px){.toolGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.table .rStick{position:sticky;right:0;background:var(--background);box-shadow:-6px 0 8px -6px rgba(0,0,0,.6)}

/* Reports */
#rBody{display:flex;flex-direction:column;gap:14px}
.rCtl{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.rCsvBtn{height:34px;padding:0 14px;font-size:12px}
.rHero{display:flex;justify-content:space-between;align-items:flex-end;gap:12px}.rNet{font-size:34px;font-weight:800;margin:6px 0 4px}
.rKpis{grid-template-columns:repeat(4,minmax(0,1fr))}.rKpi .kValue{font-size:20px;margin-top:6px}.kSub{font-size:11px;margin-top:4px}
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.rScroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.tbl{width:100%;border-collapse:collapse;font-size:13px}.th{text-align:left;padding:10px;font-size:11px;font-weight:700;color:var(--muted-foreground);border-bottom:1px solid var(--border);white-space:nowrap}
.rTotal{position:sticky;right:0;background:var(--card);font-weight:700}
.bars{display:flex;align-items:flex-end;gap:6px;height:140px;margin:4px 0 14px;overflow-x:auto}.barCol{flex:1 0 22px;display:flex;flex-direction:column;align-items:center;height:100%}
.barWrap{flex:1;width:100%;display:flex;align-items:flex-end}.bar{width:100%;border-radius:6px 6px 2px 2px}.bar.up{background:var(--success)}.bar.down{background:var(--error)}.barLbl{font-size:10px;color:var(--muted-foreground);margin-top:4px}
@media (max-width:820px){.rKpis{grid-template-columns:repeat(2,minmax(0,1fr))}.grid2{grid-template-columns:minmax(0,1fr)}.rNet{font-size:28px}}