*{box-sizing:border-box}body{margin:0;font:14px system-ui,-apple-system,sans-serif;background:#f5f8f7;color:#17343d}.wrap{max-width:1220px;margin:auto;padding:20px}.top,.hero,.section-head{display:flex;gap:16px;align-items:center;justify-content:space-between}header{background:#fff;border-bottom:1px solid #dce7e3}.admin-nav{display:flex;gap:13px;flex-wrap:wrap}.admin-nav a{color:#31545b;text-decoration:none}.admin-nav .active{color:#117b5c;font-weight:800}.eyebrow{color:#15966f;font-weight:800;letter-spacing:.08em}.muted{color:#60777c}.hero h1{margin:.15em 0}.hero button,.button-link{background:#15966f;color:#fff;border:0;border-radius:9px;padding:10px 13px;font-weight:750;cursor:pointer;text-decoration:none}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0}.metric,.panel,.guardrail{background:#fff;border:1px solid #dce7e3;border-radius:14px}.metric{padding:14px}.metric span{display:block;color:#60777c;font-size:11px}.metric b{display:block;font-size:20px;margin-top:4px}.metric small{display:block;color:#60777c;margin-top:3px}.metric.warn{border-color:#efc7c3;background:#fffafa}.metric.caution{border-color:#ead8a6;background:#fffdf7}.panel{padding:17px;margin:14px 0}.section-head h2{margin:0 0 4px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;margin-top:10px}th,td{text-align:left;padding:11px;border-bottom:1px solid #e6eeeb;white-space:nowrap}th{font-size:11px;color:#60777c;text-transform:uppercase;letter-spacing:.04em}tr.gap{background:#fff9f2}.bad{color:#a33a31;font-weight:800}.trend{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.trend article{border:1px solid #e2ebe8;border-radius:12px;padding:13px}.trend h3{margin:0 0 10px}.trend dl{margin:0;display:grid;gap:7px}.trend dl div{display:flex;justify-content:space-between;gap:12px}.trend dt{color:#60777c}.trend dd{margin:0;font-weight:800}.guardrail{padding:12px;margin:12px 0;color:#536b70}.message{margin:14px 0;padding:12px;background:#fff1f0;border:1px solid #efc7c3;border-radius:10px}.empty{padding:16px;color:#60777c;text-align:center}@media(max-width:900px){.metrics{grid-template-columns:repeat(2,1fr)}.trend{grid-template-columns:1fr 1fr}}@media(max-width:680px){.top,.hero,.section-head{align-items:flex-start;flex-direction:column}.metrics,.trend{grid-template-columns:1fr}}