*{box-sizing:border-box}
:root{--bg:#050505;--panel:#101010;--panel2:#151515;--border:#262626;--text:#f2f2f2;--muted:#919191;--green:#5ee08a;--amber:#f0c36a;--red:#ef7777}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.container{max-width:1500px;margin:0 auto;padding:28px}
header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:28px}
.brand{font-weight:800;letter-spacing:.18em;font-size:13px}
h1{font-size:34px;margin:8px 0 4px}
.subtitle{color:var(--muted);max-width:850px;line-height:1.5}
.status{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.badge{border:1px solid var(--border);background:var(--panel);padding:8px 11px;border-radius:999px;font-size:12px}
.badge.ok{color:var(--green)}.badge.degraded{color:var(--amber)}.badge.error{color:var(--red)}
.grid{display:grid;gap:16px}.kpis{grid-template-columns:repeat(6,minmax(0,1fr));margin-bottom:16px}
.card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:18px}
.kpi-label{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.kpi-value{font-size:26px;font-weight:700;margin-top:8px}.kpi-sub{color:var(--muted);font-size:12px;margin-top:4px}
.two{grid-template-columns:2fr 1fr;margin-bottom:16px}.section-title{font-size:15px;font-weight:700;margin-bottom:4px}
.section-note{font-size:12px;color:var(--muted);line-height:1.45;margin-bottom:12px}.chart{height:420px}.chart.small{height:360px}
table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:10px 8px;border-bottom:1px solid var(--border);text-align:right;vertical-align:top}
th:first-child,td:first-child{text-align:left}th{color:var(--muted);font-weight:600}
.health-ok{color:var(--green)}.health-stale{color:var(--amber)}.health-missing,.health-error{color:var(--red)}
.warning{border-left:3px solid var(--amber);padding:10px 12px;background:#17130b;color:#dfc991;font-size:13px;line-height:1.5;margin-bottom:16px}
.footer{color:var(--muted);font-size:12px;line-height:1.55;margin-top:20px;padding-bottom:20px}
@media(max-width:1100px){.kpis{grid-template-columns:repeat(3,1fr)}.two{grid-template-columns:1fr}}
@media(max-width:650px){.container{padding:16px}header{display:block}.status{justify-content:flex-start;margin-top:14px}.kpis{grid-template-columns:repeat(2,1fr)}h1{font-size:27px}}