:root{font-family:system-ui,sans-serif;color:#17231d;background:#f3f6f4}*{box-sizing:border-box}body{margin:0}header{height:64px;padding:0 max(20px,calc((100% - 1100px)/2));display:flex;align-items:center;justify-content:space-between;background:#123c2b;color:white}nav{display:flex;gap:20px}a{color:inherit;text-decoration:none}main{max-width:1100px;margin:40px auto;padding:0 20px}h1{font-size:28px}.summary,.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:24px 0}.summary div,article,.login,table{background:white;border:1px solid #dce4df;border-radius:14px;padding:22px;box-shadow:0 3px 14px #173b2720}.summary span,dt,small{color:#65736b}.summary b{display:block;font-size:25px;margin-top:8px}article strong{display:block;font-size:36px;margin:24px 0}dl{display:grid;grid-template-columns:1fr auto;gap:12px;margin:0}dd{margin:0}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.normal,.warning{padding:6px 10px;border-radius:99px;background:#d9f5e5;color:#14733d}.warning,.bad{background:#fff1ca;color:#8b5d00}.login{max-width:420px;margin:10vh auto}.login label{display:block;margin:18px 0}.login input{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid #aebbb3;border-radius:8px}button,.button{border:0;border-radius:8px;padding:11px 16px;background:#176a43;color:white;cursor:pointer}table{width:100%;border-collapse:collapse;overflow:hidden}th,td{text-align:left;padding:13px;border-bottom:1px solid #e5ebe7}@media(max-width:720px){header{height:auto;padding:16px 20px;display:block}nav{margin-top:12px;gap:12px;flex-wrap:wrap}.summary,.cards{grid-template-columns:1fr}main{margin:24px auto}table{font-size:14px}th,td{padding:9px}}
select{padding:8px;border:1px solid #aebbb3;border-radius:8px}.chart{background:white;border:1px solid #dce4df;border-radius:14px;padding:22px;margin:20px 0;overflow-x:auto}.series{margin:18px 0}.series h3{font-size:14px}.series i{display:inline-block;width:10px;height:10px;margin-right:7px}.bars{height:210px;display:flex;align-items:flex-end;gap:4px;border-bottom:1px solid #9ba9a0}.bar{min-width:12px;position:relative}.bar span{display:none;position:absolute;top:100%;font-size:10px;transform:rotate(60deg);transform-origin:left}.bars:hover span{display:block}.c0{background:#1f8f57}.c1{background:#e2a21b}.c2{background:#4a78c2}