:root{font:15px Inter,system-ui;color:#17221c;background:#f4f7f5;--green:#176b46;--line:#dce6df}*{box-sizing:border-box}body{margin:0}main{max-width:1180px;margin:auto}.card{background:white;border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 8px 30px #173d2520}.login{max-width:380px;margin:12vh auto}.login h1{font-size:34px;margin:0}.login p{color:#68756d}form{display:grid;gap:12px}input,button{font:inherit;padding:12px 14px;border-radius:10px;border:1px solid var(--line)}button{background:var(--green);color:white;border:0;cursor:pointer}.quiet,nav button{background:transparent;color:#435149}header{display:flex;justify-content:space-between;padding:24px 0}header div{display:flex;gap:12px;align-items:baseline}header b{font-size:26px}header span{color:#718078}nav{display:flex;gap:8px;border-bottom:1px solid var(--line);margin-bottom:24px}nav button.active{color:var(--green);border-bottom:3px solid var(--green);border-radius:0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px}.metric b{font-size:30px;display:block}.metric span,.muted{color:#718078}.status{margin-top:16px}.status button{margin-left:5px}.error{color:#9b2020;border-color:#e8b2b2}.list{display:grid;gap:10px}.row{background:white;border:1px solid var(--line);padding:16px;border-radius:12px;display:flex;justify-content:space-between;gap:12px}.pill{padding:5px 9px;background:#e9f4ee;color:var(--green);border-radius:99px;font-size:12px}h2{margin-top:8px}@media(max-width:600px){main{padding:0 14px}nav{overflow:auto}.row{display:block}}
