:root{color:#16221d;background:#f2f5f2;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{color:#fff;cursor:pointer;background:#176b48;border:0;border-radius:8px;padding:.72rem 1rem}input{border:1px solid #cbd6cf;border-radius:8px;padding:.75rem}.center{place-items:center;min-height:100vh;display:grid}.login{align-content:center;width:min(440px,100% - 32px);min-height:100vh;margin:auto;display:grid}.login>h1{margin:.1em 0;font-size:4rem}.login form,.panel{background:#fff;border:1px solid #dce5df;border-radius:18px;padding:2rem}.login label,.panel label{gap:.4rem;margin:1rem 0;font-weight:650;display:grid}.login button{width:100%}.eyebrow{color:#267050;letter-spacing:.15em;text-transform:uppercase;font-size:.7rem;font-weight:800}.muted,small{color:#66756d}.error{color:#a52d26;background:#fff0ed;border-radius:8px;padding:.8rem}.shell{grid-template-columns:230px 1fr;min-height:100vh;display:grid}.shell aside{color:#fff;background:#14271f;flex-direction:column;gap:2rem;padding:1.5rem;display:flex}.brand{font-size:1.35rem;font-weight:800}.shell nav{gap:.35rem;display:grid}.shell nav button,.logout{text-align:left;color:#b9c8c0;background:0 0}.shell nav button.active{color:#fff;background:#285341}.logout{margin-top:auto}.content{width:100%;max-width:1200px;padding:3rem}.content header h1{margin:.15rem 0;font-size:2.7rem}.table,.cards article,.empty,.metric-grid article{background:#fff;border:1px solid #dbe4de;border-radius:12px}.cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-top:1rem;display:grid}.cards article,.metric-grid article{padding:1.3rem}.secondary{color:#224f3d;background:#e3ebe6}.good{color:#197044}.empty{text-align:center;padding:3rem}.actions{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin:1.5rem 0;display:grid}.metric-grid strong{font-size:2rem}.trend{border-bottom:1px solid #e9eeeb;grid-template-columns:repeat(4,1fr);gap:1rem;padding:1rem;display:grid}.trend span:first-child{display:grid}.panel{max-width:650px;margin-bottom:1rem}@media (width<=700px){.shell{grid-template-columns:1fr}.content{padding:1.3rem}.trend{grid-template-columns:1fr 1fr}}