:root{color:#1d2530;background:#f5f7fa;font-family:Inter,PingFang SC,sans-serif}body{margin:0}main{max-width:1200px;margin:auto;padding:32px}header{align-items:baseline;gap:20px;display:flex}section{background:#fff;border-radius:12px;margin:18px 0;padding:20px;box-shadow:0 1px 3px #1d253012}.metrics{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.metric{border:1px solid #edf0f3;border-radius:8px;padding:16px}.metric strong{margin-top:8px;font-size:30px;display:block}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #edf0f3;padding:10px}button{color:#fff;cursor:pointer;background:#1769e0;border:0;border-radius:6px;padding:7px 12px}.badge{background:#e9edf2;border-radius:99px;padding:3px 8px;font-size:12px}.badge-active{color:#08783b;background:#dff5e8}.badge-offline,.badge-failed{color:#b42318;background:#fde5e4}