:root{
  --bg:#f4f7fb;--surface:#fff;--text:#101827;--muted:#68758a;--border:#dce4ef;
  --nav:#0a1220;--primary:#ff743d;--ok:#0f9f6e;--okbg:#eaf8f3;
  --warn:#b76b00;--warnbg:#fff5df;--bad:#d92d20;--badbg:#fff0ef;--neutral:#64748b;--neutralbg:#f1f5f9
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:15px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.top{height:68px;background:var(--nav);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 28px}
.brand{text-decoration:none;color:#fff;font-size:21px;font-weight:800}.brand strong{color:var(--primary)}.brand em{font-style:normal;font-size:12px;margin-left:8px;color:#a7b5c9}
.top nav{display:flex;gap:20px}.top nav a{color:#ced8e6;text-decoration:none}
.wrap{max-width:980px;margin:0 auto;padding:46px 20px 70px}
.headline{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:24px}
.eyebrow{font-size:12px;font-weight:900;letter-spacing:.14em;color:var(--primary)}
h1{font-size:40px;line-height:1.08;margin:9px 0 10px}h2{margin:0 0 5px}h3{margin:0 0 4px}
.headline p,.panel-head p,.service p{margin:0;color:var(--muted)}
.updated{text-align:right;color:var(--muted);font-size:12px}.updated strong{color:var(--text);font-size:12px}
.overall{display:flex;align-items:center;gap:12px;padding:18px 20px;border-radius:14px;border:1px solid var(--border);font-size:18px;margin-bottom:20px}
.overall.ok{background:var(--okbg);border-color:#bde8d8;color:#087258}
.overall.warn{background:var(--warnbg);border-color:#f0d7a3;color:#875000}
.overall.bad{background:var(--badbg);border-color:#f2c2be;color:#b42318}
.dot{width:12px;height:12px;border-radius:50%;background:currentColor;box-shadow:0 0 0 5px color-mix(in srgb,currentColor 16%,transparent)}
.panel{background:var(--surface);border:1px solid var(--border);border-radius:16px;margin-bottom:20px;overflow:hidden}
.panel-head{padding:20px 22px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:16px}
.panel-head button{border:1px solid var(--border);background:var(--surface);padding:9px 14px;border-radius:9px;font-weight:700;cursor:pointer}
.service{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 22px;border-bottom:1px solid var(--border)}
.service:last-child{border-bottom:0}
.badge{font-size:12px;font-weight:800;padding:7px 11px;border-radius:999px;white-space:nowrap}
.badge.ok{background:var(--okbg);color:#087258}.badge.bad{background:var(--badbg);color:#b42318}.badge.neutral{background:var(--neutralbg);color:var(--neutral)}
.empty{padding:30px 22px;text-align:center;display:flex;flex-direction:column;gap:6px;color:var(--muted)}.empty strong{color:var(--text)}
footer{margin-top:38px;padding-top:22px;border-top:1px solid var(--border);color:var(--muted)}
@media(max-width:700px){.headline{flex-direction:column}.updated{text-align:left}.service{align-items:flex-start}.panel-head{align-items:flex-start}.wrap{padding-top:30px}h1{font-size:32px}}