:root{color:#1f2328;background:#f6f8fa;font-family:system-ui,sans-serif}body{margin:0}main{max-width:48rem;margin:0 auto;padding:2rem 1rem}main.narrow{max-width:24rem}header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}form{gap:.5rem;display:flex}input,button{font:inherit;padding:.4rem .8rem}.cards{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1rem;display:grid}.card{background:#fff;border:1px solid #d0d7de;border-radius:8px;padding:1rem 1.25rem}.card+.card{margin-top:1rem}.card.locked{color:#57606a;background:#f3f4f6}.error{color:#cf222e}.button{color:#fff;background:#f97316;border:1px solid #d0d7de;border-radius:6px;padding:.4rem .8rem;text-decoration:none;display:inline-block}.badge{color:#fff;background:#1a7f37;border-radius:999px;padding:.1rem .5rem;font-size:.85em;display:inline-block}.notice{color:#1a7f37}.muted{color:#57606a}.actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}
