*{box-sizing:border-box}body{color:#152033;background:#f4f7fb;margin:0;font-family:Inter,Arial,sans-serif}header{color:#fff;background:#101828;justify-content:space-between;align-items:center;height:72px;padding:0 6%;display:flex}header div{align-items:baseline;gap:14px;display:flex}header b{font-size:24px}header span{color:#98a2b3;font-size:13px}section{max-width:1200px;margin:42px auto;padding:0 20px}h1{margin-bottom:4px;font-size:34px}p{color:#667085}.cards{grid-template-columns:repeat(4,1fr);gap:16px;margin:28px 0;display:grid}.card,.panel{background:#fff;border:1px solid #e4e7ec;border-radius:14px;padding:20px;box-shadow:0 2px 8px #1018280a}.card small{color:#667085}.card strong{margin-top:8px;font-size:34px;display:block}.grid{grid-template-columns:3fr 1fr;gap:18px;display:grid}.row,.health,article{justify-content:space-between;align-items:center;gap:10px;display:flex}.row form{gap:8px;display:flex}input,button{border:1px solid #d0d5dd;border-radius:8px;padding:10px 12px}button{cursor:pointer;color:#fff;background:#155eef;border:0}article{border-top:1px solid #eee;padding:14px 0}article div{flex:1}article small{color:#667085;margin-top:4px;display:block}.pill{background:#f2f4f7;border-radius:99px;padding:6px 8px;font-size:11px}.health{padding:12px 0}.ok{color:#12b76a}.bad{color:#f04438}hr{border:0;border-top:1px solid #eee;margin:15px 0}@media (width<=800px){.cards{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}.row{flex-direction:column;align-items:flex-start}article{flex-wrap:wrap;align-items:flex-start}}