/* Статистика прогнозиста — общий блок для кабинета и публичного профиля */
:root{--st-muted:#99a89f;--st-mono:'JetBrains Mono',ui-monospace,monospace}
.stTabs, .stLayout, .stMain, .stSide, .stCard, .stNum{font-family:inherit}
/* ══════════ МОЯ СТАТИСТИКА ══════════ */
.stTabs{display:flex;gap:9px;flex-wrap:wrap;margin:16px 0 18px}
.stTab{position:relative;display:flex;flex-direction:column;gap:3px;padding:9px 15px;border-radius:13px;cursor:pointer;
  background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);color:var(--st-muted);
  font-family:var(--st-mono);transition:.18s}
.stTab:hover{border-color:rgba(61,220,132,.4);transform:translateY(-1px)}
.stTab.is-on{background:linear-gradient(180deg,rgba(61,220,132,.18),rgba(61,220,132,.07));
  border-color:rgba(61,220,132,.55);color:#fff;box-shadow:0 6px 20px -12px rgba(61,220,132,.8)}
.stTab__m{font-size:.8rem;letter-spacing:.02em}
.stTab__p{font-size:.72rem;color:var(--st-muted)}
.stTab.is-up .stTab__p{color:#3ddc84}
.stTab.is-down .stTab__p{color:#ff6b6b}

.stLayout{display:grid;grid-template-columns:1fr 290px;gap:16px;align-items:start}
@media(max-width:1500px){
  .stLayout{grid-template-columns:1fr}
  .stSide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:980px){.stSide{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.stSide{grid-template-columns:1fr}}

.stMain{position:relative;border-radius:20px;padding:20px;
  background:
    radial-gradient(120% 90% at 0% 0%,rgba(61,220,132,.10),transparent 55%),
    linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 24px 60px -40px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.05)}

/* верхняя сводка */
.stHead{margin-bottom:18px}
.stKpi{display:flex;align-items:center;gap:16px}
.stKpi__i{display:flex;flex-direction:column;gap:2px}
.stKpi__l{font-family:var(--st-mono);font-size:.64rem;color:var(--st-muted);text-transform:uppercase;letter-spacing:.09em}
.stKpi__i b{font-family:var(--st-mono);font-size:1.5rem;font-weight:600;color:#fff;letter-spacing:-.03em;line-height:1.1}
#stRoi.is-up{color:#3ddc84}
#stRoi.is-down{color:#ff6b6b}
.stKpi__sep{width:1px;height:30px;background:rgba(255,255,255,.1)}

.stBar{display:flex;gap:2px;height:9px;border-radius:8px;overflow:hidden;margin:14px 0 9px;background:rgba(255,255,255,.055)}
.stBar i{display:block;height:100%;transition:width .45s cubic-bezier(.4,0,.2,1)}
.stBar__w{background:linear-gradient(90deg,#2fc46f,#3ddc84);box-shadow:0 0 14px -2px rgba(61,220,132,.65)}
.stBar__v{background:#4f7cff}
.stBar__l{background:rgba(255,255,255,.22)}
.stBar__lg{display:flex;align-items:center;gap:16px;font-family:var(--st-mono);font-size:.73rem;color:var(--st-muted)}
.stBar__lg b{color:#fff}
.stBar__lg span{display:inline-flex;align-items:center}
.stDot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}
.stDot--w{background:#3ddc84}.stDot--v{background:#4f7cff}.stDot--l{background:rgba(255,255,255,.3)}
.stBar__pend{font-family:var(--st-mono);font-size:.72rem;color:#8ba6ff;margin-left:auto;
  padding:2px 9px;border-radius:20px;background:rgba(79,124,255,.12);border:1px solid rgba(79,124,255,.25)}

/* четыре метрики */
.stNums{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:10px;margin:0 0 16px}
.stNum{position:relative;overflow:hidden;background:rgba(0,0,0,.30);border:1px solid rgba(255,255,255,.07);
  border-radius:14px;padding:13px 14px 12px;transition:.18s}
.stNum:hover{border-color:rgba(255,255,255,.14);transform:translateY(-1px)}
.stNum::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:rgba(255,255,255,.12)}
.stNum--now::before{background:#3ddc84}
.stNum--play::before{background:#4f7cff}
.stNum--res::before{background:linear-gradient(180deg,#3ddc84,#4f7cff)}
.stNum__ic{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:9px;
  background:rgba(255,255,255,.055);color:rgba(255,255,255,.62);margin-bottom:8px}
.stNum__ic svg{width:15px;height:15px}
.stNum--now .stNum__ic{background:rgba(61,220,132,.14);color:#3ddc84}
.stNum--play .stNum__ic{background:rgba(79,124,255,.14);color:#8ba6ff}
.stNum--res .stNum__ic{background:rgba(255,255,255,.055)}
.stNum b{display:block;font-family:var(--st-mono);font-size:1.18rem;font-weight:600;color:#fff;letter-spacing:-.03em}
.stNum--now b{color:#3ddc84}
.stNum--res.is-up{background:linear-gradient(180deg,rgba(61,220,132,.11),rgba(0,0,0,.30));
  border-color:rgba(61,220,132,.30)}
.stNum--res.is-up::before{background:#3ddc84}
.stNum--res.is-up .stNum__ic{background:rgba(61,220,132,.14);color:#3ddc84}
.stNum--res.is-down{background:linear-gradient(180deg,rgba(255,107,107,.10),rgba(0,0,0,.30));
  border-color:rgba(255,107,107,.28)}
.stNum--res.is-down::before{background:#ff6b6b}
.stNum--res.is-down .stNum__ic{background:rgba(255,107,107,.14);color:#ff6b6b}
.stNum b.is-up{color:#3ddc84}.stNum b.is-down{color:#ff6b6b}
.stNum__l{display:block;margin-top:4px;font-family:var(--st-mono);font-size:.65rem;color:var(--st-muted);
  text-transform:uppercase;letter-spacing:.06em}

/* график */
.stChartWrap{position:relative;background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.06);
  border-radius:16px;padding:12px 14px 8px}
.stChart__h{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:4px}
.stChart__t{font-family:var(--st-mono);font-size:.68rem;color:var(--st-muted);text-transform:uppercase;letter-spacing:.09em}
.stChart__s{font-family:var(--st-mono);font-size:.7rem;color:rgba(255,255,255,.45)}
.stChart{display:block;width:100%;height:250px}
.stChart__ax{position:absolute;left:16px;top:38px;bottom:52px;display:flex;flex-direction:column;
  justify-content:space-between;pointer-events:none;font-family:var(--st-mono);font-size:.64rem;
  color:rgba(255,255,255,.38)}
.stChart__f{display:flex;gap:18px;font-family:var(--st-mono);font-size:.7rem;color:var(--st-muted);padding:8px 2px 2px;
  border-top:1px solid rgba(255,255,255,.05);margin-top:6px}
.stChart__f b{color:#fff}
.stChart__f1{display:inline-flex;gap:5px}
.stEmpty{margin-top:12px;padding:12px 15px;border-radius:13px;background:rgba(61,220,132,.07);
  border:1px solid rgba(61,220,132,.2);font-size:.85rem;color:var(--st-muted);line-height:1.45}

/* правая колонка */
.stSide{display:flex;flex-direction:column;gap:11px}
.stCard{background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018));
  border:1px solid rgba(255,255,255,.075);border-radius:16px;padding:14px 15px;transition:.18s}
.stCard:hover{border-color:rgba(255,255,255,.13)}
.stCard h4{display:flex;align-items:center;gap:7px;margin:0 0 11px;font-family:var(--st-mono);font-size:.66rem;
  font-weight:600;color:var(--st-muted);text-transform:uppercase;letter-spacing:.08em}
.stCard h4 svg{width:13px;height:13px;flex:0 0 auto;color:rgba(61,220,132,.8)}
.stCard--rank{background:linear-gradient(160deg,rgba(61,220,132,.13),rgba(255,255,255,.02) 60%);
  border-color:rgba(61,220,132,.28)}
.stLast{display:flex;gap:6px;flex-wrap:wrap}
.stLast__i{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:9px;
  font-size:.74rem;font-style:normal;background:rgba(255,255,255,.06);color:var(--st-muted)}
.stLast__i.is-w{background:rgba(61,220,132,.18);color:#3ddc84;box-shadow:inset 0 0 0 1px rgba(61,220,132,.3)}
.stLast__i.is-l{background:rgba(255,107,107,.15);color:#ff6b6b;box-shadow:inset 0 0 0 1px rgba(255,107,107,.25)}
.stLast__i.is-v{background:rgba(79,124,255,.16);color:#8ba6ff;box-shadow:inset 0 0 0 1px rgba(79,124,255,.28)}
.stLast__nil{font-family:var(--st-mono);font-size:.76rem;color:var(--st-muted)}
.stRank b{font-family:var(--st-mono);font-size:1.9rem;font-weight:600;color:#3ddc84;letter-spacing:-.04em}
.stRank span{font-family:var(--st-mono);font-size:.8rem;color:rgba(255,255,255,.6)}
.stRank em{display:block;margin-top:3px;font-family:var(--st-mono);font-size:.68rem;color:var(--st-muted);font-style:normal}
.stAvg{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:.82rem;
  color:var(--st-muted);border-bottom:1px dashed rgba(255,255,255,.06)}
.stAvg:last-child{border-bottom:none}
.stAvg b{font-family:var(--st-mono);color:#fff;font-size:.9rem}
.stTop__r{display:grid;grid-template-columns:1fr 46px 16px;gap:9px;align-items:center;padding:5px 0;font-size:.79rem}
.stTop__n{color:#e8e8e8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.stTop__b{display:block;height:5px;border-radius:4px;background:rgba(255,255,255,.07);overflow:hidden}
.stTop__b u{display:block;height:100%;background:linear-gradient(90deg,#2fc46f,#3ddc84);text-decoration:none;
  border-radius:4px}
.stTop__c{font-family:var(--st-mono);font-size:.74rem;color:var(--st-muted);text-align:right}

.stChart path[stroke]{stroke-dasharray:2000;stroke-dashoffset:2000;animation:stDraw 1.1s cubic-bezier(.4,0,.2,1) forwards}
@keyframes stDraw{to{stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){.stChart path[stroke]{animation:none;stroke-dashoffset:0}}

/* ── блок в публичном профиле ── */
.stPublic{margin:26px 0 8px}
.stPublic__h{margin-bottom:14px}
.stPublic__h h2{margin:0 0 6px;font-size:1.16rem;letter-spacing:-.02em;color:#eaf7ef}
.stPublic__h p{margin:0;font-size:.84rem;color:var(--st-muted);line-height:1.5;max-width:640px}
.stPublic .stMain{padding:18px}
.stPublic .stChart{height:220px}
@media(max-width:700px){.stPublic .stChart{height:180px}}