:root{color-scheme:dark;font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;background:#050b14;color:#edf7ff}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 12% 0%,rgba(31,214,255,.17),transparent 36rem),radial-gradient(circle at 100% 35%,rgba(149,75,255,.15),transparent 32rem),linear-gradient(145deg,#050b14,#0b1728 55%,#07101e)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:32px 32px}
.shell{width:min(1320px,calc(100% - 32px));margin:auto;padding:38px 0 64px}header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.eyebrow,.kicker{color:#52e5ff;letter-spacing:.15em;font-weight:800;font-size:11px;text-transform:uppercase;margin:0 0 8px}h1{margin:5px 0 10px;font-size:clamp(34px,5.8vw,70px);line-height:1;letter-spacing:-.05em}h2{margin:0;font-size:18px}.muted{color:#91a8bc}.live-badge{display:flex;align-items:center;gap:9px;white-space:nowrap;border:1px solid rgba(82,229,255,.24);border-radius:999px;padding:10px 14px;background:rgba(8,23,39,.78);backdrop-filter:blur(10px)}.live-badge i{width:8px;height:8px;border-radius:50%;background:#5cffb2;box-shadow:0 0 14px #5cffb2}.offline .live-badge i{background:#ffb85c;box-shadow:0 0 14px #ffb85c}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:30px 0 12px}.metrics article,.panel{border:1px solid rgba(153,201,239,.13);background:linear-gradient(160deg,rgba(17,36,58,.88),rgba(8,20,34,.72));border-radius:18px;box-shadow:0 20px 60px rgba(0,0,0,.18)}.metrics article{padding:18px;min-height:104px}.metrics span{display:block;color:#8fa8bd;font-size:12px;margin-bottom:14px}.metrics strong{font-size:clamp(17px,2.2vw,25px);font-variant-numeric:tabular-nums;word-break:break-word}.panel{padding:22px}.progress-panel{margin-bottom:12px}.panel-title{display:flex;justify-content:space-between;align-items:center}.panel-title strong{color:#60e7ff;font-size:22px;font-variant-numeric:tabular-nums}.track{height:12px;overflow:hidden;border-radius:999px;background:#030914;margin-top:18px}#progress{width:0;height:100%;border-radius:inherit;transition:width .5s ease;background:linear-gradient(90deg,#27d8ff,#7c63ff 65%,#ff65c7);box-shadow:0 0 26px rgba(55,218,255,.6)}.progress-panel>p{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;margin:14px 0 0;font-size:13px}
.charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px}.chart-card{min-width:0}.chart-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:8px}.chart-heading b{display:block;font-size:16px}.chart-heading span{display:block;color:#7894aa;font-size:11px;margin-top:5px}.chart-heading em{font-style:normal;color:#7ceaff;font-size:11px;white-space:nowrap}.chart-card canvas{display:block;width:100%;height:230px}.wide canvas{height:270px}.bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}pre{margin:14px 0 0;min-height:160px;white-space:pre-wrap;word-break:break-word;color:#bcecff;line-height:1.7}.auxiliary p{line-height:1.75}.cycles{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.cycles span{padding:8px 10px;border:1px solid rgba(97,229,255,.18);border-radius:999px;color:#c9f7ff;background:rgba(31,190,220,.08);font-size:12px}
@media(max-width:860px){.metrics{grid-template-columns:repeat(2,1fr)}.charts,.bottom-grid{grid-template-columns:1fr}.chart-card canvas,.wide canvas{height:220px}}
@media(max-width:520px){.shell{width:min(100% - 20px,1320px);padding-top:22px}header{display:block}.live-badge{width:fit-content;margin-top:18px}.metrics{gap:8px}.metrics article{padding:13px;min-height:92px}.panel{padding:16px}.chart-card canvas,.wide canvas{height:205px}.progress-panel>p{display:grid;gap:8px}}