:root{color:#16221d;background:#f2f5f2;font-family:Inter,ui-sans-serif,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}.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{letter-spacing:-.06em;margin:.1em 0 .5em;font-size:4rem}.login form{background:#fff;border:1px solid #dce5df;border-radius:18px;padding:2rem;box-shadow:0 20px 60px #24433215}.login label{gap:.4rem;margin:1rem 0;font-weight:650;display:grid}.login input{border:1px solid #cbd6cf;border-radius:8px;padding:.8rem}.login button{width:100%}.eyebrow{color:#267050;letter-spacing:.15em;text-transform:uppercase;font-size:.7rem;font-weight:800}.muted{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 aside .muted{color:#a8b9b0;font-size:.8rem}.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{letter-spacing:-.04em;margin:.15rem 0;font-size:2.7rem}.content header{margin-bottom:2rem}.table{background:#fff;border:1px solid #dbe4de;border-radius:12px;margin-top:1rem;overflow:hidden}.row{color:#24332c;text-align:left;background:#fff;border-bottom:1px solid #e9eeeb;border-radius:0;grid-template-columns:2fr repeat(3,1fr);align-items:center;width:100%;display:grid}.row:hover{background:#f7faf8}.row span:first-child{display:grid}.row small{color:#75837c}.cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-top:1rem;display:grid}.cards article,.empty,.drawer section{background:#fff;border:1px solid #dbe4de;border-radius:12px;padding:1.3rem}.cards h3{margin:.3rem 0}.connection{border-top:1px solid #e7ece9;justify-content:space-between;align-items:center;padding:.7rem 0;font-size:.85rem;display:flex}.link{background:0 0;padding:.2rem}.danger{color:#ac3029;background:#fff0ed}.secondary{color:#224f3d;background:#e3ebe6}.good{color:#197044}.empty{text-align:center;margin-top:1rem;padding:4rem 2rem}.drawer{background:#f5f7f5;width:min(520px,100%);height:100vh;padding:2rem;position:fixed;top:0;right:0;overflow:auto;box-shadow:-15px 0 50px #11251b25}.close{float:right;color:#333;background:0 0;font-size:2rem}.pill{color:#176b48;background:#dff2e8;border-radius:99px;padding:.3rem .7rem;display:inline-block}.actions{gap:.6rem;display:flex}@media (width<=700px){.shell{grid-template-columns:1fr}.shell aside{position:static}.content{padding:1.3rem}.row{grid-template-columns:1fr 1fr}.row span:nth-child(n+3){display:none}}