:root{--bg:#000;--card:#16181a;--t:#fff;--tm:rgba(255,255,255,0.4);--p:#2563EB;--r:#e23b4a}
*{box-sizing:border-box;margin:0}
body{background:var(--bg);color:var(--t);font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-size:18px}

.sc{padding:0 40px 48px;max-width:1800px;margin:0 auto;min-height:100vh}

.sc-top{position:sticky;top:0;z-index:20;background:var(--bg);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:24px 0;border-bottom:1px solid rgba(255,255,255,0.06);margin-bottom:24px}
.sc-logo{display:flex;align-items:center;gap:18px}
.sc-logo img{height:56px;width:auto}
.sc-logo span{font-size:28px;font-weight:700;letter-spacing:-.4px;opacity:.85}
.sc-ctl{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.sc-sel{background:var(--card);color:var(--t);border:1px solid rgba(255,255,255,0.12);border-radius:10px;padding:11px 18px;font-size:16px;font-family:inherit;cursor:pointer;min-width:120px}
.sc-sel:focus{outline:2px solid var(--p);outline-offset:-1px}
.sc-sel option{background:#1a1a1a;color:#fff;font-size:16px}
.sc-btn{background:var(--p);color:#fff;border:0;border-radius:10px;padding:11px 24px;font-size:16px;font-weight:700;cursor:pointer;font-family:inherit}
.sc-back{color:var(--tm);font-size:15px;text-decoration:none;font-weight:600;padding:11px 16px;border-radius:10px;border:1px solid rgba(255,255,255,0.12);white-space:nowrap;transition:border-color .2s}
.sc-back:hover{border-color:rgba(255,255,255,0.3);color:#fff}
.sc-ctl span{color:var(--tm);font-size:16px}
#sClock{color:var(--tm);font-size:16px;margin-left:8px;white-space:nowrap;font-variant-numeric:tabular-nums}

.sc-kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-bottom:20px}
.sc-kpi article{background:var(--card);border-radius:22px;padding:18px 22px}
.sc-kpi span{display:block;color:var(--tm);font-size:13px;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}
.sc-kpi strong{display:block;font-size:clamp(24px,3vw,40px);font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.3px;line-height:1.05;white-space:nowrap}
.sc-kpi em{display:block;margin-top:6px;color:var(--t);font-size:13px;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.sc-charts{display:grid;grid-template-columns:1.2fr 0.8fr;gap:20px;margin-bottom:20px}
.sc-charts-3col{grid-template-columns:1fr 0.8fr 0.50fr}
.sc-charts-2col{grid-template-columns:1fr 1fr}
.sc-charts-3even{grid-template-columns:1fr 1fr 1fr}
.sc-card{background:var(--card);border-radius:22px;padding:30px 34px}
.sc-ttl{color:var(--tm);font-size:15px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:20px;font-weight:600}
.sc-cvs{position:relative;height:320px}

.sc-tabs{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}
.sc-tbl{width:100%;border-collapse:collapse;font-size:16px}
.sc-tbl th{text-align:left;color:var(--tm);font-size:13px;text-transform:uppercase;letter-spacing:.04em;padding:11px 12px;border-bottom:1px solid rgba(255,255,255,0.06);font-weight:500}
.sc-tbl td{padding:12px;border-bottom:1px solid rgba(255,255,255,0.03);vertical-align:middle}
.sc-tbl strong{font-weight:600;font-size:16px}
.sc-tbl b{color:var(--p);font-weight:700;font-size:16px}

.sc-bar{height:7px;border-radius:99px;background:rgba(255,255,255,0.06);overflow:hidden;min-width:65px}
.sc-bar i{display:block;height:100%;border-radius:inherit;background:var(--p)}

#scOver .sc-tbl td{font-size:16px}
#scUpdated{color:var(--tm);font-size:13px;margin-bottom:12px}

@media(max-width:1000px){
  .sc{padding:0 14px 32px}
  .sc-kpi{grid-template-columns:repeat(2,1fr)!important}
  .sc-charts{grid-template-columns:1fr}
  .sc-charts-3col{grid-template-columns:1fr}
  .sc-charts-2col{grid-template-columns:1fr}
  .sc-tabs{grid-template-columns:1fr}
  .sc-cvs{height:280px}
  .sc-top{flex-direction:column;align-items:flex-start}
  .sc-kpi strong{font-size:32px}
}
