:root{font:15px/1.5 system-ui,sans-serif;color:#25373d;background:#f3f5f6;color-scheme:light}
*{box-sizing:border-box}body{margin:0}main{padding:28px;background:#fff;border:1px solid #dbe2e5;border-radius:14px;margin:48px auto}h1{font-size:25px;line-height:1.25}h2{font-size:18px}a{color:#176951}p{color:#586b72}label{display:flex;flex-direction:column;gap:6px;margin:14px 0}input,select,button{font:inherit;border:1px solid #b9c9ce;border-radius:7px;padding:10px;min-width:0}button{cursor:pointer;background:#176951;color:#fff;border-color:#176951;font-weight:600}.secondary{background:#f3f7f6;color:#176951}button:disabled{opacity:.5}input:focus,select:focus,button:focus-visible{outline:3px solid #b6d9cd;outline-offset:2px}.login-panel{max-width:440px}.users-panel{max-width:1060px}.brand{font-size:19px;font-weight:700;text-decoration:none}.error{color:#a02932;background:#fff0f0;padding:10px}.users-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:18px}.users-list article{border:1px solid #dce4e7;border-radius:9px;padding:18px}.checkbox{flex-direction:row;align-items:center}.new-user{max-width:440px;margin-top:30px}form [role=status]{min-height:1.5em}@media(max-width:600px){main{margin:12px;padding:20px}.users-list{grid-template-columns:1fr}}