:root{--teal:#0E6B66;--teal2:#14857F;--tint:#EEF6F5;--amber:#D9822B;--amberT:#FCEFE2;--ink:#1F2A2A;--mute:#5E6B6B;--line:#DDE5E4;--bg:#F7FAF9;--card:#fff}
@media (prefers-color-scheme:dark){:root{--tint:#17302E;--amberT:#3A2A18;--ink:#E7EFEE;--mute:#9AB0AE;--line:#2A3D3B;--bg:#0F1A19;--card:#152422}}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--ink);line-height:1.45}
header{background:linear-gradient(120deg,var(--teal),var(--teal2));color:#fff;padding:32px 40px;display:flex;justify-content:space-between;gap:24px;align-items:flex-end;flex-wrap:wrap}
.kicker{text-transform:uppercase;letter-spacing:.06em;font-size:13px;opacity:.85}
h1{font-size:32px;margin:6px 0}
.sub{opacity:.9}
.asof{font-size:14px;opacity:.85}
main{max-width:1200px;margin:0 auto;padding:28px 24px}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:18px}
.kpi{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px}
.kpi b{display:block;font-size:30px;color:var(--teal2)}
.kpi span{font-size:14px;color:var(--mute)}
.grid{display:grid;grid-template-columns:1.6fr 1fr;gap:16px}
@media (max-width:820px){.grid{grid-template-columns:1fr}header{padding:24px 16px}main{padding:20px 16px}}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px}
h2{font-size:15px;margin-bottom:12px}
.mt{margin-top:22px}
.bar{display:grid;grid-template-columns:140px 1fr 48px;gap:10px;align-items:center;font-size:14px;margin:8px 0}
.bar b{text-align:right}
.track{background:var(--tint);border-radius:6px;height:18px;overflow:hidden}
.fill{background:var(--teal2);height:100%;border-radius:6px}
.bar.warn .fill{background:var(--amber)}
.alert{background:var(--amberT);border-radius:10px;padding:10px 14px;margin-top:10px;font-size:14px}
.alert b{color:var(--amber)}
.src{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:8px 0;font-size:14px}
.note{color:var(--mute);font-size:13px;margin-top:16px}
footer{text-align:center;color:var(--mute);font-size:13px;padding:24px}