*{box-sizing:border-box}body{margin:0;font:16px/1.4 system-ui,sans-serif;color:#1b2a38;background:#f4f7fa}
main{max-width:560px;margin:auto;padding:1.2rem}h1{margin:.2rem 0;color:#0b5c8a}.sub{margin-top:0;color:#667}
form{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;background:#fff;padding:1rem;border-radius:10px;box-shadow:0 1px 3px #0001}
label{display:flex;flex-direction:column;font-size:.85rem;color:#556}input{font:inherit;padding:.45rem;border:1px solid #ccd;border-radius:6px}
.chk{flex-direction:row;align-items:center;gap:.4rem}button{font:inherit;background:#0b5c8a;color:#fff;border:0;border-radius:6px;padding:.55rem}
.list{list-style:none;padding:0}.list li{display:grid;grid-template-columns:1fr auto auto auto;gap:1rem;background:#fff;padding:.7rem 1rem;margin:.4rem 0;border-radius:8px}
.muted li{background:transparent;color:#889;border:1px dashed #ccd}em{font-size:.8rem}
footer{text-align:center;font-size:.8rem;color:#889;padding:1.5rem}footer a{color:inherit}