:root{font-family:system-ui,sans-serif;color:#172033;background:#f4f7fb}*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;align-items:center;padding:1rem 4vw;background:#172033;color:white}header h1{margin:0;font-size:1.4rem}main{max-width:1200px;margin:2rem auto;padding:0 1rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}section{background:white;padding:1.25rem;border-radius:12px;box-shadow:0 3px 18px #18315318}form{display:grid;gap:.6rem}li form,header form{display:inline}input,button{padding:.7rem;border:1px solid #cbd5e1;border-radius:7px}button{background:#2563eb;color:white;border:0;cursor:pointer}.danger{background:#b91c1c;padding:.35rem .6rem;float:right}ul{padding:0;list-style:none}li{padding:.7rem 0;border-bottom:1px solid #e2e8f0}.login{max-width:400px;margin:10vh auto}.login label{display:grid;gap:.4rem}.flash{padding:.8rem;border-radius:7px}.success{background:#dcfce7}.error{background:#fee2e2}