/* ===== Status ===== */
.sthero{padding-top:calc(120px + env(safe-area-inset-top,0px));position:relative;overflow:hidden}
.sthero::before{content:"";position:absolute;top:-120px;left:50%;width:900px;height:520px;transform:translateX(-50%);background:radial-gradient(ellipse,color-mix(in srgb,var(--sc,#2bff88) 18%,transparent),transparent 65%);pointer-events:none;transition:background .6s}
.sthero .wrap{position:relative}
.sthero .crumb{justify-content:center}
.stpill{display:flex;align-items:center;gap:14px;width:max-content;max-width:100%;margin:6px auto 0;padding:16px 30px;border-radius:40px;border:1px solid color-mix(in srgb,var(--sc) 55%,transparent);
  background:color-mix(in srgb,var(--sc) 8%,rgba(4,10,8,.8));box-shadow:0 0 40px color-mix(in srgb,var(--sc) 22%,transparent);--sc:#2bff88}
.stpill .sd{width:14px;height:14px;border-radius:50%;background:var(--sc);box-shadow:0 0 0 5px color-mix(in srgb,var(--sc) 20%,transparent),0 0 16px var(--sc);animation:p 2s infinite}
.stpill b{font:800 clamp(17px,2.4vw,24px) var(--hf);color:var(--sc)}
.stsub{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;text-align:center;font-size:13px;color:var(--m);margin:16px 0 34px}
.strf{width:30px;height:30px;border-radius:8px;border:1px solid rgba(255,255,255,.14);background:rgba(5,12,12,.6);cursor:pointer;display:grid;place-items:center;transition:.2s}
.strf svg{width:15px;height:15px;stroke:#cfd9d4;fill:none;stroke-width:2.4;stroke-linecap:round}
.strf:hover{border-color:var(--g)}.strf:hover svg{stroke:var(--g)}
.strf.spin svg{animation:tspin .8s linear infinite}
@keyframes tspin{to{transform:rotate(360deg)}}
.stcards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}
.stc{position:relative;overflow:hidden;padding:20px 22px;border-radius:18px;border:1px solid var(--line2);background:linear-gradient(180deg,rgba(12,28,21,.75),rgba(6,14,11,.75))}
.stc::after{content:"";position:absolute;right:-30px;bottom:-30px;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,rgba(43,255,136,.12),transparent 70%)}
.stc small{display:flex;align-items:center;gap:8px;font:700 11px var(--hf);letter-spacing:1.3px;color:var(--m);text-transform:uppercase;margin-bottom:12px}
.stc small svg{width:15px;height:15px;fill:var(--g)}
.stc b{font:700 clamp(26px,3vw,36px)/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-variant-numeric:tabular-nums;color:#fff}
.stc b span{font-size:.5em;color:var(--m);margin-left:4px}
.stc .ok{color:var(--g)}.stc .warn{color:#ffb02e}.stc .bad{color:#ff5d6c}
.stmain{padding:24px 26px 20px;margin-bottom:22px}
.smh{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.smh .lg{width:42px;height:42px;border-radius:11px;flex:none;box-shadow:0 0 0 1.5px var(--g),0 0 16px rgba(43,255,136,.4)}
.smh h2{font:800 20px var(--hf)}
.sbadge{margin-left:auto;display:inline-flex;align-items:center;gap:7px;font:800 12px/1 var(--hf);padding:8px 14px;border-radius:20px;color:var(--c);background:color-mix(in srgb,var(--c) 14%,transparent);border:1px solid color-mix(in srgb,var(--c) 45%,transparent)}
.sbadge::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--c);box-shadow:0 0 8px var(--c)}
.smeta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:14px 0 18px;font:14px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#b9c8c1}
.smeta .cp{font:600 12px var(--bf);padding:6px 11px;border-radius:8px;border:1px solid rgba(255,255,255,.16);background:rgba(5,12,12,.6);color:#fff;cursor:pointer;transition:.2s}
.smeta .cp:hover{border-color:var(--g);color:var(--g)}
.smeta i{font-style:normal;color:#5d7068}
.bars{display:grid;grid-template-columns:repeat(30,1fr);gap:4px;height:58px}
.bars span{position:relative;border-radius:5px;background:#1b2622;transition:transform .2s,filter .2s;cursor:default}
.bars span.u{background:#2bdb7a;box-shadow:0 0 10px rgba(43,219,122,.25)}
.bars span.p{background:#ffb02e;box-shadow:0 0 10px rgba(255,176,46,.3)}
.bars span.d{background:#ff4d5e;box-shadow:0 0 10px rgba(255,77,94,.35)}
.bars span:hover{transform:scaleY(1.12);filter:brightness(1.25)}
.bars span[data-tip]:hover::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);white-space:nowrap;font:600 11.5px var(--bf);color:#fff;padding:6px 9px;border-radius:7px;background:#0b1a14;border:1px solid var(--line);box-shadow:0 8px 20px rgba(0,0,0,.5);z-index:3;pointer-events:none}
.bars.sm{height:26px;gap:2px}.bars.sm span{border-radius:3px}
.blab{display:flex;justify-content:space-between;margin-top:8px;font-size:12px;color:var(--m)}
.blab b{color:#c5d3cc;font-weight:600}
.stgrid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:40px;align-items:start}
.stchart,.stsrv{padding:22px 24px}
.sth{display:flex;align-items:center;gap:10px;font:800 16px var(--hf);text-transform:uppercase;margin-bottom:14px}
.sth svg{width:20px;height:20px;fill:var(--g)}
.chart svg{width:100%;height:190px;display:block;overflow:visible}
.chart .ax{display:flex;justify-content:space-between;font-size:11.5px;color:var(--m);margin-top:6px}
.chart .pk{font-size:13px;color:#c5d3cc;margin-bottom:8px}.chart .pk b{color:var(--g);font-family:var(--hf)}
.srow{display:grid;grid-template-columns:auto 1fr auto;gap:6px 12px;align-items:center;padding:12px 0;border-top:1px solid rgba(255,255,255,.06)}
.srow:first-of-type{border-top:0;padding-top:0}
.srow .sdt{width:10px;height:10px;border-radius:50%;background:var(--c);box-shadow:0 0 8px var(--c)}
.srow b{font-size:14.5px}
.srow .sv{font:12.5px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#9fb3aa;text-align:right;white-space:nowrap}
.srow .bars{grid-column:1/-1}
.inc{position:relative;padding:18px 22px 18px 24px;margin-bottom:12px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(12,28,21,.6),rgba(6,14,11,.6));overflow:hidden}
.inc::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--c);box-shadow:0 0 14px var(--c)}
.inc .ih{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}
.inc .ih b{font:800 16px var(--hf)}
.itag{font:800 10.5px/1 var(--hf);letter-spacing:1px;text-transform:uppercase;padding:5px 9px;border-radius:7px;color:var(--c);background:color-mix(in srgb,var(--c) 14%,transparent);border:1px solid color-mix(in srgb,var(--c) 45%,transparent)}
.itag.res{--c:#2bff88}
.inc p{font-size:14px;color:#c5d3cc;line-height:1.6}
.inc small{display:block;margin-top:8px;font-size:12px;color:var(--m)}
.inc.done{opacity:.65}
.noinc{display:flex;align-items:center;gap:12px;padding:18px 22px;border-radius:14px;border:1px dashed rgba(43,255,136,.3);color:#c5d3cc;font-size:14px}
.noinc svg{width:22px;height:22px;fill:var(--g)}
.evsub{display:flex;align-items:center;gap:12px;font:900 clamp(20px,2.4vw,26px) var(--hf);text-transform:uppercase;margin:0 0 16px}
.evsub svg{width:24px;height:24px;fill:var(--g);filter:drop-shadow(0 0 8px var(--g))}
.tdemo{margin-top:16px;font-size:12px;line-height:1.6}.tdemo[hidden]{display:none}
.stgrid>*,.stmain{min-width:0}
@media(max-width:980px){.stcards{grid-template-columns:repeat(2,1fr)}.stgrid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:760px){.stmain,.stchart,.stsrv{padding:18px 16px}.bars{gap:2px;height:44px}.bars span{border-radius:3px}.stc{padding:16px}.smh h2{font-size:17px}.stpill{padding:13px 22px}}