:root{font-family:system-ui,sans-serif;color:#172b3a;background:#f3f6fa}*{box-sizing:border-box}body{margin:0}header{background:#142f43;color:white;padding:1rem 5%;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}header a{color:white;text-decoration:none;font-weight:700;margin-right:auto}main{max-width:1100px;margin:3rem auto;padding:0 1.2rem;min-height:70vh}.login-card{max-width:440px;margin:auto;background:white;padding:2rem;border-radius:12px;box-shadow:0 8px 30px #142f4312}label{display:block;margin:1rem 0 .4rem}input{width:100%;padding:.8rem;border:1px solid #718394;border-radius:6px;font:inherit}button{background:#155f88;color:white;padding:.75rem 1.2rem;border:0;border-radius:6px;cursor:pointer;font:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #dc9b2b;outline-offset:3px}.login-card button{margin-top:1.4rem;width:100%}.row{display:flex;gap:1rem;flex-wrap:wrap}.card{background:white;border:1px solid #d4dee8;border-radius:10px;padding:1.5rem;min-width:250px}.alert{padding:1rem;margin-bottom:1rem;background:#fff0d1;border:1px solid #b67a00;border-radius:6px}.alert-danger{background:#fff0f0;color:#871b1b;border-color:#ba5151}footer{text-align:center;color:#506375;padding:1.5rem}h1{font-size:1.8rem}p{line-height:1.6}
.user-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}input[type=checkbox]{width:auto;margin-right:.5rem}fieldset{margin-top:1.5rem;padding:1rem;border:1px solid #718394;border-radius:6px}