:root{color:#182421;background:#f4f7f5;font:15px/1.5 Inter,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}.layout{grid-template-columns:235px 1fr;min-height:100vh;display:grid}aside{color:#f5faf7;background:#102922;flex-direction:column;padding:28px 18px;display:flex}nav{gap:7px;margin-top:48px;display:grid}button{font:inherit;cursor:pointer;color:#fff;background:#16694c;border:0;border-radius:8px;padding:11px 15px}nav button{text-align:left;color:#d3e3dc;background:0 0}nav button.active,nav button:hover{background:#21463a}.signout{background:#21463a;margin-top:auto}.brand{letter-spacing:-1px;font-size:23px;font-weight:750}.brand span{color:#65c79c}.brand small{letter-spacing:1px;color:#9bb7aa;margin-left:8px;font-size:10px}main{min-width:0;padding:36px}header{border-bottom:1px solid #dde6e0;justify-content:space-between;align-items:center;padding-bottom:20px;display:flex}header p,.muted{color:#64766d;font-size:13px}h1{margin:0;font-size:28px}h2{font-size:19px}.badge{color:#16694c;background:#e2f2e9;border-radius:99px;padding:5px 12px}.content{padding-top:24px}.grid{grid-template-columns:repeat(4,minmax(150px,1fr));gap:15px;display:grid}.card{background:#fff;border:1px solid #e0e9e4;border-radius:12px;margin-bottom:14px;padding:20px;box-shadow:0 4px 16px #20382c08}.grid .card small{text-transform:capitalize;color:#60736a;display:block}.grid strong{margin-top:12px;font-size:31px;display:block}.search{gap:10px;margin-bottom:18px;display:flex}.search input,label input:not([type=checkbox]){font:inherit;border:1px solid #cad8d0;border-radius:8px;min-width:280px;padding:11px}table{border-collapse:collapse;background:#fff;width:100%}th,td{text-align:left;border-bottom:1px solid #e3ebe6;padding:12px}th{text-transform:uppercase;color:#63746b;font-size:12px}.table-wrap{overflow:auto}.check{align-items:center;gap:6px;margin:5px 12px 5px 0;font-size:13px;display:inline-flex}.login{place-items:center;min-height:100vh;display:grid}.login .card{width:min(450px,100vw - 32px);padding:34px}.login form{gap:13px;display:grid}.login label{gap:6px;display:grid}.error{color:#a52e31}.login .error:empty{display:none}@media (width<=800px){.layout{grid-template-columns:1fr}aside{padding:14px;display:block}nav{margin:15px 0;display:flex;overflow:auto}nav button{white-space:nowrap}.signout{position:absolute;top:14px;right:14px}.grid{grid-template-columns:repeat(2,minmax(130px,1fr))}main{padding:20px}}