:root{--ink:#172018;--muted:#657068;--green:#176b3a;--dark:#103d27;--blue:#315d78;--line:#dbe4dc;--paper:#fff}
*{box-sizing:border-box}body{margin:0;background:linear-gradient(145deg,#edf4ec,#faf5e8);color:var(--ink);font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
header{background:linear-gradient(125deg,var(--dark),var(--green) 58%,var(--blue));color:white;padding:36px 20px}.wrap{max-width:1280px;margin:auto}
h1{font-size:clamp(32px,5vw,56px);margin:0 0 8px}.sub{max-width:950px;color:#e6f4e9}
main{padding:22px}.toolbar,.grid{display:flex;gap:12px;flex-wrap:wrap}.toolbar{margin-bottom:18px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.card{background:white;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 10px 28px #0000000c}.tag{display:inline-block;padding:4px 8px;border-radius:999px;background:#e8f2ea;color:#155b33;font-size:11px;font-weight:900}
button,a.btn{border:0;border-radius:9px;padding:9px 12px;font:inherit;font-weight:800;text-decoration:none;cursor:pointer}a.btn{background:var(--green);color:white}.locked{opacity:.72}.locked a.btn{background:#777;pointer-events:none}
select{padding:9px 12px;border:1px solid var(--line);border-radius:9px}.admin{border:2px solid #c49b32}
footer{text-align:center;padding:24px;color:var(--muted)}
@media(max-width:900px){.grid{grid-template-columns:1fr}}