body{background:linear-gradient(135deg,#f8dff8,#dbeafe);font-family:Calibri,sans-serif,Poppins;margin:0;padding:0}.container h1{padding:5vh;text-align:center}.search-box{display:flex;justify-content:center;margin-bottom:30px}.search-box input{box-shadow:0 0 8px #0000001a;outline:none;padding:12px 15px;width:300px}.search-box button,.search-box input{border:none;border-radius:25px;font-size:16px}.search-box button{background-color:#a78bfa;color:#fff;cursor:pointer;margin-left:10px;padding:12px 18px;transition:.3s}.search-box button:hover{background-color:#8b5cf6}.book-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));padding:20px}.book-card{background:#fff;border-radius:18px;box-shadow:0 3px 8px #0000001a;cursor:pointer;padding:15px;text-align:center;transition:.3s}.book-card:hover{transform:translateY(-5px)}.book-card img{border-radius:10px;height:150px;margin-bottom:10px;object-fit:cover;width:100px}.pagination{align-items:center;display:flex;gap:15px;justify-content:center;margin:20px}.pagination button{background-color:#a78bfa;border:none;border-radius:20px;color:#fff;cursor:pointer;padding:10px 15px;transition:.3s}.pagination button:hover{background-color:#8b5cf6}.pagination button:disabled{background-color:#ccc;cursor:not-allowed}.message{text-align:center}.error{color:red}.modal{align-items:center;background:#0009;display:flex;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%}.modal-content{background:#fff;border-radius:12px;box-shadow:0 5px 15px #0000004d;max-height:80vh;overflow-y:auto;padding:25px;text-align:left;width:350px}.modal-cover{border-radius:10px;margin:15px 0;width:150px}.close-btn{background-color:#8b5cf6;border:none;border-radius:20px;color:#fff;cursor:pointer;margin-top:15px;padding:10px 15px;transition:.3s}.close-btn:hover{background-color:#7c3aed}.modal-content h2{text-align:center}.modal-cover{display:block;margin:15px auto}.close-btn{display:block;margin:20px auto 0}.modal-content p{line-height:1.6;text-align:justify}
/*# sourceMappingURL=main.3c7e045d.css.map*/