nav{background:linear-gradient(135deg,#4f46e5,#6366f1);padding:1rem 2rem;display:flex;gap:2rem;align-items:center;box-shadow:0 4px 12px #0000001a;position:sticky;top:0;z-index:1000}nav a{color:#fff;font-weight:600;text-decoration:none;transition:transform .2s ease,color .2s ease}nav a:hover{color:#facc15;transform:scale(1.05)}.page-container{max-width:1200px;margin:2rem auto;padding:2rem;background:#f9fafb;border-radius:12px}h1,h2,h3{color:#1f2937;font-weight:700}p{color:#4b5563;line-height:1.6}.empty{color:#777;font-style:italic;text-align:center;margin-top:2rem}.books-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;gap:2rem!important;justify-items:center!important;align-items:start!important;margin-top:2rem}.book-card{background:#fff;border-radius:16px;padding:1rem;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 4px 16px #00000014;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;border:1px solid #e5e7eb}.book-card:hover{transform:translateY(-8px) scale(1.03);box-shadow:0 12px 28px #0000002e}.book-card img{border-radius:10px;height:260px;width:auto;object-fit:cover;margin:0 auto .8rem;box-shadow:0 3px 12px #0000001f;transition:transform .3s ease}.book-card:hover img{transform:scale(1.05)}.book-card .actions{display:flex;justify-content:center;gap:.6rem;flex-wrap:wrap;margin-top:.5rem}.book-card a,.book-card button{border:none;padding:.55rem 1.2rem;border-radius:9999px;font-size:.85rem;font-weight:600;cursor:pointer;text-decoration:none;transition:all .25s ease}.book-card a{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.book-card a:hover{background:linear-gradient(135deg,#16a34a,#15803d);transform:scale(1.05)}.book-card button{background:linear-gradient(135deg,#facc15,#eab308);color:#1f2937}.book-card button:hover{background:linear-gradient(135deg,#eab308,#ca8a04);transform:scale(1.05)}.book-card button.remove{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.book-card button.remove:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)}button,a.btn{padding:.6rem 1.2rem;border-radius:9999px;font-weight:600;cursor:pointer;text-decoration:none;transition:all .25s ease}button.primary,a.btn.primary{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}button.primary:hover,a.btn.primary:hover{background:linear-gradient(135deg,#16a34a,#15803d);transform:scale(1.05)}button.secondary,a.btn.secondary{background:linear-gradient(135deg,#facc15,#eab308);color:#1f2937}button.secondary:hover,a.btn.secondary:hover{background:linear-gradient(135deg,#eab308,#ca8a04);transform:scale(1.05)}@media (max-width: 768px){nav{flex-direction:column;gap:1rem}.books-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}}