*{box-sizing:border-box}body{margin:0;font:16px system-ui;background:#f4f8f9;color:#163238}header{display:flex;justify-content:space-between;background:#075c68;color:white;padding:1rem 5vw}main{padding:2rem 5vw;max-width:1400px;margin:auto}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}article,#login{background:white;padding:1rem;border-radius:12px;box-shadow:0 2px 12px #0001}.toolbar{display:flex;gap:.5rem;margin-bottom:1rem}input,select,button{padding:.7rem;border:1px solid #b7ced2;border-radius:8px;margin:.2rem}button{background:#0b7285;color:white;border:0;cursor:pointer}.item{border-top:1px solid #dde;padding:.6rem 0}.muted{color:#607d82;font-size:.85rem}@media(max-width:600px){header{padding:1rem}main{padding:1rem}}