:root{--bg:#0b1017;--panel:#141c26;--line:#293747;--text:#f0f5fa;--muted:#91a0b1;--green:#43d8a7;--blue:#64b5ff;--red:#f2767d;--amber:#efb45a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px 'Noto Sans SC',sans-serif}.page{max-width:1340px;margin:0 auto;padding:52px 32px 70px}.topbar{display:flex;justify-content:space-between;align-items:center;padding-bottom:30px;border-bottom:1px solid var(--line)}.topbar p{margin:0 0 8px;font:12px 'DM Mono';color:var(--muted);letter-spacing:1.4px}.topbar h1{margin:0;font-size:34px;font-weight:600;letter-spacing:0}.live,button{font:inherit}.live{background:#123229;border:1px solid #286451;border-radius:5px;color:#b5f3e0;padding:10px 14px;font-size:14px}.live i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 9px var(--green);margin-right:7px}.live.offline{background:#351b20;border-color:#713840;color:#ffc9cd}.live.offline i{background:var(--red);box-shadow:none}.summary{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:28px 0}.stat{min-height:224px;padding:21px 18px 17px;border:1px solid var(--line);background:var(--panel);display:flex;flex-direction:column;align-items:center;text-align:center}.stat p{margin:0 0 13px;color:var(--muted);font-size:14px}.gauge{width:128px;height:128px;position:relative;display:grid;place-items:center}.gauge svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.gauge circle{fill:none;stroke:#263645;stroke-width:10}.gauge circle.value{stroke:var(--gauge);stroke-linecap:round;stroke-dasharray:339.3;stroke-dashoffset:calc(339.3 - (339.3 * var(--value) / 100));filter:drop-shadow(0 0 4px color-mix(in srgb,var(--gauge) 52%,transparent))}.gauge strong{font:500 24px 'DM Mono';letter-spacing:0}.gauge strong span{font:400 13px 'Noto Sans SC';color:var(--muted)}.stat small{display:block;margin-top:auto;color:var(--muted);font-size:12px}.good{color:var(--green)!important}.warn{color:var(--amber)!important}.grid{display:grid;grid-template-columns:1.55fr 1fr;gap:18px;margin-bottom:18px}.panel{border:1px solid var(--line);background:var(--panel)}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;padding:22px 23px 0}.panel-head h2{font-size:18px;font-weight:600;margin:0 0 6px}.panel-head p{margin:0;color:var(--muted);font-size:13px}.panel-head button{border:1px solid #405162;background:#19232e;color:#d5dfe9;border-radius:4px;padding:7px 10px;font-size:13px;cursor:pointer}.panel-head strong{font:500 19px 'DM Mono';color:var(--green)}.metric-value{font:500 34px 'DM Mono';padding:26px 23px 5px}.chart{height:225px;padding:8px 20px 20px}.chart svg{width:100%;height:100%;overflow:visible}.chart line{stroke:#2b3948;stroke-dasharray:3 4}.chart path.line{fill:none;stroke:var(--green);stroke-width:2.4}.chart path.area{fill:url(#fill)}.chart-labels{display:flex;justify-content:space-between;color:var(--muted);font:12px 'DM Mono';padding:0 4px}.alerts-panel{min-height:328px}.alert,.clear{display:flex;gap:12px;align-items:flex-start;margin:21px 23px;padding-bottom:17px;border-bottom:1px solid var(--line)}.alert:last-child{border:0}.mark{width:9px;height:9px;border-radius:50%;background:var(--amber);margin-top:6px}.mark.critical{background:var(--red)}.alert strong,.clear strong{font-size:14px}.alert small,.clear small{display:block;margin-top:6px;color:var(--muted);font-size:12px}.clear{padding-top:50px;justify-content:center;border:0;color:var(--green)}.clear div{color:var(--text)}.services-panel{padding-bottom:8px}.services-head,.service-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:14px;align-items:center;padding:0 23px}.services-head{height:46px;margin-top:16px;color:var(--muted);font:11px 'DM Mono';border-bottom:1px solid var(--line)}.service-row{min-height:65px;border-bottom:1px solid #222e3a;font-size:14px}.service-row:last-child{border:0}.status{font-size:13px}.status.ok{color:var(--green)}.status.bad{color:var(--red)}.mono{font:13px 'DM Mono';color:#cbd7e2}.loading{display:grid;place-items:center;min-height:90px;color:var(--muted);font-size:13px}.toast{position:fixed;right:22px;bottom:22px;background:#351b20;border:1px solid #713840;color:#ffc9cd;padding:12px 14px;border-radius:4px;font-size:13px;opacity:0;transform:translateY(20px);transition:.2s}.toast.show{opacity:1;transform:translateY(0)}@media(max-width:760px){body{font-size:15px}.page{padding:28px 16px}.topbar h1{font-size:27px}.summary,.grid{grid-template-columns:1fr}.stat{min-height:186px}.services-head,.service-row{grid-template-columns:1.4fr .9fr .9fr}.services-head span:nth-child(3),.service-row span:nth-child(3){display:none}.topbar{align-items:flex-start}.live{white-space:nowrap;font-size:12px}}