*{box-sizing:border-box}body{margin:0;font:14px/1.55 system-ui,-apple-system,Segoe UI,sans-serif;background:#f4f7f5;color:#183026}header{background:#123c2b;color:white;padding:18px 4%;display:flex;gap:30px;align-items:center;justify-content:space-between;flex-wrap:wrap}header strong{font-size:22px;display:block}header small{opacity:.75}nav{display:flex;gap:10px;flex-wrap:wrap}nav a{color:white;text-decoration:none;padding:7px 10px;border-radius:8px;background:#ffffff12}main{max-width:1280px;margin:auto;padding:24px}.pagehead h1{margin:0 0 18px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.card{background:#fff;border:1px solid #dce6df;border-radius:14px;padding:18px;box-shadow:0 2px 10px #00000008}.metric{font-size:30px;font-weight:750}.muted{color:#64746b}.good{color:#11643a}.warn{color:#9a5b00}.bad{color:#a52020}.pill{display:inline-block;padding:3px 8px;border-radius:999px;background:#eef4f0}.btn,button{display:inline-block;border:0;border-radius:9px;background:#176b45;color:#fff;padding:10px 14px;text-decoration:none;cursor:pointer}.btn.secondary{background:#53645b}.alert{padding:12px 14px;border-radius:10px;background:#fff6d7;border:1px solid #ecd17a;margin:12px 0}.ok{background:#eaf8ef;border-color:#9cd0ad}.err{background:#fdecec;border-color:#e2a5a5}table{border-collapse:collapse;width:100%;background:#fff}th,td{padding:9px 10px;border-bottom:1px solid #e5ece8;text-align:left;vertical-align:top}th{background:#edf4ef}input,select,textarea{width:100%;padding:9px;border:1px solid #cbd9d0;border-radius:8px;background:white}.formgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.bar{height:12px;background:#e7ece9;border-radius:8px;overflow:hidden}.bar span{display:block;height:100%;background:#176b45}code{background:#eef3f0;padding:2px 5px;border-radius:5px}footer{color:#728078;padding:28px 0} .bigstatus{font-size:28px;font-weight:800}.sources{font-size:12px;color:#6b786f}.kpi-title{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#64746b} @media(max-width:700px){main{padding:16px}header{padding:16px}nav{gap:6px}}