@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap);:root{--primary-color:#2c3e50;--secondary-color:#2980b9;--accent-color:#e74c3c;--background-color:#ecf0f1;--secondary-text-color:#34495e;--book-form-background-color:#fff}*{box-sizing:border-box;margin:0;padding:0}body{font-family:poppins,sans-serif;margin:20px}.navbar,body{background-color:#ecf0f1;background-color:var(--background-color)}.navbar{align-items:center;display:flex;justify-content:space-between;padding:10px 20px;position:sticky;top:0;z-index:1000}.navbar-brand .brand-link{color:#2c3e50;color:var(--primary-color);font-size:1.8rem;font-weight:700;text-decoration:none}.navbar-links{display:flex;justify-content:space-between;width:100%}.center-links{display:flex;gap:20px;margin:0 auto}.nav-link{color:#34495e;color:var(--secondary-text-color);font-size:1.1rem;text-decoration:none;transition:color .3s ease}.nav-link:hover{color:#2980b9;color:var(--secondary-color)}.active{border-bottom:2px solid #2980b9;border-bottom:2px solid var(--secondary-color)}.right-link{margin-left:auto}h1{color:#2c3e50;color:var(--primary-color);display:flex;justify-content:center;text-align:center}.book-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);padding:20px}.card{background-color:#fff;background-color:var(--book-form-background-color);border-radius:8px;box-shadow:0 4px 8px #0000001a;overflow:hidden;padding:20px;text-align:center;transition:transform .3s ease}.card:hover{transform:translateY(-5px)}.card img{border-bottom:1px solid #2980b9;border-bottom:1px solid var(--secondary-color);height:200px;object-fit:cover;width:100%}.card h3{color:#2c3e50;color:var(--primary-color);font-size:1.2em;margin:15px 0}.card span{color:#34495e;color:var(--secondary-text-color);display:block;font-size:.9em;margin-top:5px}.card button{background-color:#2c3e50;background-color:var(--primary-color);border:none;border-radius:5px;color:#2980b9;color:var(--secondary-color);cursor:pointer;padding:5px 10px}.form{background-color:#fff;background-color:var(--book-form-background-color);border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:0 auto;max-width:600px;padding:20px}form{display:flex;flex-direction:column}input[type=text]{border:1px solid #ccc;border-radius:4px;box-shadow:inset 0 1px 3px #0000001a;font-size:16px;margin-bottom:15px;padding:10px;transition:border-color .3s ease}input[type=text]:focus{border-color:#2980b9;border-color:var(--secondary-color);outline:none}input[type=text]::placeholder{color:#34495e;color:var(--secondary-text-color)}button[type=submit]{background-color:#2c3e50;background-color:var(--primary-color);border:none;border-radius:4px;color:#2980b9;color:var(--secondary-color);cursor:pointer;font-size:16px;font-weight:700;padding:10px;transition:background-color .3s ease}button[type=submit]:hover{background-color:#2980b9;background-color:var(--secondary-color);color:#2c3e50;color:var(--primary-color)}.categories{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;padding:20px}.category-card{background-color:#fff;background-color:var(--book-form-background-color);border-radius:10px;box-shadow:0 4px 8px #0000001a;padding:20px;text-align:center;transition:transform .3s ease,box-shadow .3s ease;width:200px}.category-card:hover{box-shadow:0 6px 12px #0003;transform:translateY(-5px)}.category-card a{color:#34495e;color:var(--secondary-text-color);font-size:1.2rem;font-weight:700;text-decoration:none;transition:color .3s ease}.category-card a:hover{color:#2980b9;color:var(--secondary-color)}.book-detail{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;margin:auto;max-width:800px;padding:20px}.book-detail h1{font-size:2rem;margin-bottom:20px}.book-detail img{border-radius:4px;height:auto;margin-bottom:20px;max-width:100%}.book-detail p{font-size:1rem;line-height:1.6;margin:10px 0}.book-detail p strong{font-weight:700}.book-detail p:not(:last-child){border-bottom:1px solid #eee;padding-bottom:10px}.book-detail .book-detail-content{max-width:600px;text-align:left}.filter{margin:20px;text-align:center}.filter input{border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 4px #0000001a;font-size:16px;max-width:400px;padding:10px;width:80%}.no-books-message{background-color:#ffe6e6;border-radius:8px;box-shadow:0 2px 8px #0000001a;color:#e74c3c;color:var(--accent-color);font-size:18px;font-weight:700;margin-left:auto;margin-right:auto;margin-top:20px;max-width:600px;padding:15px;text-align:center}.book-detail .buttons{align-items:center;display:flex;justify-content:center}.edit{background-color:#2c3e50;background-color:var(--primary-color);color:#2980b9;color:var(--secondary-color);margin-right:20px}.delete,.edit{border:none;border-radius:4px;cursor:pointer;font-size:16px;font-weight:700;padding:10px;transition:background-color .3s ease}.delete{background-color:#e74c3c;background-color:var(--accent-color);color:#2c3e50;color:var(--primary-color)}@media (max-width:768px){.navbar{align-items:flex-start;flex-direction:column;padding:10px}.navbar-brand{margin-bottom:10px;text-align:center;width:100%}.navbar-links{align-items:center;flex-direction:column;width:100%}.center-links{flex-direction:column;gap:10px;margin:0}.right-link{margin:10px 0 0}}@media (max-width:480px){.navbar{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:5px;text-align:center}.navbar-brand .brand-link{font-size:1.5rem}.nav-link{font-size:1rem}}@media (max-width:1024px){.book-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.book-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.book-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=main.92554a7c.css.map*/