body{margin:0;font-family:system-ui,sans-serif}.nav{display:flex;gap:1rem;padding:1rem;background:#111}.nav a{color:#fff;text-decoration:none}.card{padding:1rem;border-radius:8px;background:#f3f3f3}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;padding:1rem}.card{padding:1rem;border-radius:8px;background:#f4f4f4}.card.available{border-left:5px solid green}.card.loaned{border-left:5px solid red}.card.reserved{border-left:5px solid orange}