*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{min-height:100vh;text-align:center}.navbar{background:linear-gradient(135deg,#222e16f2,#2d3e1ff2 50%,#384e28f2);box-shadow:0 2px 8px #0000001a;padding:1.5rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.navbar-content{align-items:center;display:flex;gap:1rem;justify-content:center}.navbar-logo{border:2px solid #ffffff4d;border-radius:50%;box-shadow:0 2px 8px #0003;height:50px;object-fit:cover;width:50px}.navbar h1{color:#fff;font-size:1.8rem;font-weight:600;letter-spacing:.5px;margin:0}.App-header{align-items:center;color:#231f20;display:flex;flex-direction:column;justify-content:flex-start;min-height:calc(100vh - 80px);padding:40px 20px}h1{font-size:2rem}h1,h2{margin-bottom:1rem}h2{color:#fff;font-size:1.5rem}.status-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000d9;border:1px solid #fff3;border-radius:15px;box-shadow:0 4px 16px #0000004d;min-width:400px}.search-section,.status-section{color:#fff;margin:1rem;padding:2rem}.search-section{align-items:center;display:flex;flex-direction:column}.search-container{align-items:center;display:flex;gap:1rem;margin-bottom:1rem;max-width:900px;min-width:300px;width:400px}.search-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff4d;border-radius:8px;color:#fff;flex:1 1;font-size:1rem;padding:.75rem 1rem}.search-input::placeholder{color:#ffffffb3}.search-input:focus{background:#ffffff26;border-color:#fff9;outline:none}.filter-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;justify-content:center;min-width:50px;padding:.75rem;position:relative;transition:all .2s}.filter-button:hover{background:#fff3;border-color:#ffffff80}.filter-icon{font-size:1.2rem}.clear-button{background:linear-gradient(135deg,#222e16f2,#2d3e1ff2 50%,#384e28f2);border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:all .2s}.clear-button:hover{background:linear-gradient(135deg,#2d3e1ff2,#384e28f2 50%,#435e31f2);border-color:#ffffff80}.genre-filter{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 16px #0000004d;margin-top:.5rem;min-width:200px;padding:1rem;position:absolute;right:0;top:100%;z-index:1000}.genre-filter,.genre-select{border:1px solid #ffffff4d;border-radius:8px}.genre-select{background:#ffffff1a;color:#fff;font-size:1rem;padding:.75rem 1rem;width:100%}.genre-select option{background:#000000e6;color:#fff}.status-card{font-size:1.1rem;text-align:left}.status-card p{margin:.5rem 0}.status-ok{color:#28a745;font-weight:700}.status-error{color:#dc3545;font-weight:700}.books-section{color:red;margin:1rem;max-width:1200px;padding:2rem;width:100%}.books-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,300px));justify-content:center;margin-top:1rem}.book-card{background-color:initial;cursor:pointer;height:400px;perspective:1000px;width:300px}.card-inner{height:100%;position:relative;text-align:center;transform-style:preserve-3d;transition:transform .6s;width:100%}.book-card.flipped .card-inner{transform:rotateY(180deg)}.card-back,.card-front{-webkit-backface-visibility:hidden;backface-visibility:hidden;border:2px solid #222e16cc!important;border-radius:10px;box-shadow:0 4px 8px #0000001a;box-sizing:border-box;outline:none!important;overflow:hidden;padding:0;position:absolute}.card-back,.card-content,.card-front{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.card-content{flex-direction:column;padding:1rem}.card-back .card-content{align-items:flex-start}.card-back,.card-front{background:linear-gradient(135deg,#222e16f2,#2d3e1ff2 50%,#384e28f2);color:#fff}.card-back{transform:rotateY(180deg)}.book-cover{border:none;border-radius:8px;box-shadow:0 2px 8px #0000004d;height:280px;margin-bottom:1rem;object-fit:cover;outline:none;width:200px}.card-back h3,.card-front h3{font-size:1.2rem;margin:0 0 .5rem;text-align:center}.card-back p{font-size:.9rem;margin:.3rem 0;opacity:.9;text-align:left;width:100%}.click-hint{font-size:.8rem;font-style:italic;margin-top:.5rem;opacity:.7}.book-links{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.book-links a{background:#fff3;border-radius:5px;color:#fff;font-weight:700;padding:.5rem 1rem;text-decoration:none;transition:background .2s}.book-links a:hover{background:#ffffff4d}.results-info{border-radius:8px;color:#fff;font-size:1rem;margin-bottom:1rem;opacity:.9;padding:.75rem 1.5rem;text-align:center}.pagination,.results-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#222e16b3}.pagination{align-items:center;border-radius:12px;display:flex;gap:.5rem;justify-content:center;margin-top:2rem;padding:1.5rem 1rem}.pagination-button{background:linear-gradient(135deg,#222e16f2,#2d3e1ff2 50%,#384e28f2);border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s}.pagination-button:hover:not(:disabled){background:linear-gradient(135deg,#2d3e1ff2,#384e28f2 50%,#435e31f2);box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.pagination-button:disabled{cursor:not-allowed;opacity:.4}.pagination-numbers{align-items:center;display:flex;gap:.5rem}.pagination-number{align-items:center;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;height:45px;justify-content:center;transition:all .3s;width:45px}.pagination-number:hover{background:#fff3;transform:translateY(-2px)}.pagination-number.active{background:linear-gradient(135deg,#2d3e1ff2,#384e28f2 50%,#435e31f2);border-color:#ffffff80;box-shadow:0 2px 8px #0000004d}.pagination-ellipsis{color:#fff;font-weight:700;opacity:.7;padding:0 .5rem}@media (max-width:768px){.navbar{padding:1rem}.navbar-content{gap:.5rem}.navbar-logo{height:40px;width:40px}.navbar h1{font-size:1.4rem}.search-container{flex-direction:column;gap:.5rem;max-width:none;min-width:280px;width:95%}.search-input{font-size:16px;width:100%}.filter-button{align-self:flex-end;margin-top:.5rem}.clear-button{align-self:flex-start;margin-top:.5rem}.genre-filter{left:50%;margin-top:0;max-width:300px;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%}.books-grid{gap:1rem;grid-template-columns:1fr;margin:1rem auto;max-width:350px}.book-card{height:380px;max-width:300px;width:100%}.book-cover{height:250px;width:180px}.card-back h3,.card-front h3{font-size:1.1rem}.card-back p{font-size:.85rem}.pagination{flex-direction:column;gap:1rem;padding:1rem}.pagination-button{padding:.75rem;width:100%}.pagination-numbers{flex-wrap:wrap;justify-content:center}.pagination-number{font-size:.9rem;height:40px;width:40px}.results-info{font-size:.9rem;padding:.5rem 1rem}}@media (max-width:480px){.navbar h1{font-size:1.2rem}.search-container{min-width:250px;width:98%}.search-input{font-size:16px;padding:.5rem .75rem}.clear-button,.filter-button{font-size:.9rem;padding:.5rem 1rem}.books-grid{gap:.75rem;max-width:280px}.book-card{height:360px;max-width:280px}.book-cover{height:220px;width:160px}.card-back h3,.card-front h3{font-size:1rem}.card-back p{font-size:.8rem}.book-links{flex-direction:column;gap:.5rem}.book-links a{font-size:.9rem;padding:.4rem .8rem}.pagination-number{font-size:.85rem;height:38px;width:38px}.pagination-button{font-size:.9rem;padding:.6rem}}@media (max-width:360px){.navbar h1{font-size:1rem}.search-container{min-width:200px;width:100%}.book-card,.books-grid{max-width:250px}.book-card{height:340px}.book-cover{height:200px;width:140px}}.admin-login-container{align-items:center;background:linear-gradient(135deg,#051630,#0a2a4a 50%,#0f3a5f);display:flex;justify-content:center;min-height:100vh;padding:2rem}.admin-login-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:15px;box-shadow:0 8px 32px #0000004d;max-width:450px;padding:3rem;width:100%}.admin-login-header{margin-bottom:2rem;text-align:center}.admin-login-header h1{color:#051630;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.admin-login-header p{color:#666;font-size:1.1rem}.admin-login-form{display:flex;flex-direction:column;gap:1.5rem}.form-group label{font-size:1rem}.form-group input{background:#fff;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;padding:.75rem 1rem;transition:border-color .3s,box-shadow .3s}.form-group input:focus{border-color:#051630;box-shadow:0 0 0 3px #0516301a;outline:none}.error-message{background:#fee;border:1px solid #fcc;color:#c33;padding:.75rem}.login-button{background:linear-gradient(135deg,#051630,#0a2a4a 50%,#0f3a5f);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;margin-top:1rem;padding:1rem 2rem;transition:transform .2s,box-shadow .2s}.login-button:hover:not(:disabled){box-shadow:0 4px 16px #0516304d;transform:translateY(-2px)}.login-button:disabled{cursor:not-allowed;opacity:.7}.admin-credentials{background:#0516300d;border:1px solid #0516301a;border-radius:8px;margin-top:2rem;padding:1.5rem}.admin-credentials h3{color:#051630;font-size:1.1rem;margin-bottom:1rem}.admin-credentials p{color:#666;font-size:.95rem;margin:.5rem 0}.admin-credentials strong{color:#051630}@media (max-width:768px){.admin-login-container{padding:1rem}.admin-login-card{padding:2rem}.admin-login-header h1{font-size:2rem}.admin-login-header p{font-size:1rem}}@media (max-width:480px){.admin-login-card{padding:1.5rem}.admin-login-header h1{font-size:1.8rem}.form-group input{padding:.6rem .8rem}.login-button{font-size:1rem;padding:.8rem 1.5rem}}.admin-dashboard-container{background:linear-gradient(135deg,#051630,#0a2a4a 50%,#0f3a5f);color:#fff;min-height:100vh;padding:2rem}.admin-header{align-items:center;border-bottom:2px solid #fff3;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.admin-header h1{color:#fff;font-size:2.5rem;margin:0}.logout-button{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:.75rem 1.5rem;transition:all .3s}.logout-button:hover{background:#fff3;transform:translateY(-2px)}.admin-actions{margin-bottom:2rem}.add-button{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:1rem 2rem;transition:all .3s}.add-button:hover{box-shadow:0 4px 16px #28a7454d;transform:translateY(-2px)}.error-message{background:#dc3545e6;border-radius:8px;color:#fff;font-weight:700;margin-bottom:1rem;padding:1rem;text-align:center}.loading{font-size:1.5rem;padding:3rem;text-align:center}.book-form-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.book-form{background:#fff;border-radius:15px;box-shadow:0 8px 32px #0000004d;color:#333;max-height:90vh;max-width:800px;overflow-y:auto;padding:2rem;width:100%}.book-form h2{color:#051630;font-size:1.8rem;margin-bottom:1.5rem;margin-top:0}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:#051630;font-weight:700}.form-group input,.form-group textarea{border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;padding:.75rem;transition:border-color .3s}.form-group input:focus,.form-group textarea:focus{border-color:#051630;outline:none}.form-group textarea{min-height:100px;resize:vertical}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.save-button{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:.75rem 1.5rem;transition:all .3s}.save-button:hover{box-shadow:0 4px 16px #28a7454d;transform:translateY(-2px)}.cancel-button{background:#6c757d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:.75rem 1.5rem;transition:all .3s}.cancel-button:hover{background:#5a6268;transform:translateY(-2px)}.books-list h2{font-size:1.8rem;margin-bottom:1.5rem}.admin-dashboard-container .books-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}@media (max-width:768px){.admin-dashboard-container{padding:1rem}.admin-header{flex-direction:column;gap:1rem;text-align:center}.admin-header h1{font-size:2rem}.book-form-overlay{padding:1rem}.book-form{padding:1.5rem}.admin-dashboard-container .books-grid,.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}}@media (max-width:480px){.admin-header h1{font-size:1.8rem}.book-form{padding:1rem}.book-form h2{font-size:1.5rem}.add-button{font-size:1rem;padding:.8rem 1.5rem}}.admin-book-card{background:#fffffff2;border:1px solid #fff3;border-radius:12px;box-shadow:0 4px 16px #0003;color:#333;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:1.5rem}.admin-book-content{display:flex;flex:1 1;gap:1.5rem;overflow:hidden}.admin-book-cover-container{align-items:flex-start;display:flex;flex-shrink:0;height:180px;justify-content:center;width:120px}.admin-book-cover-image{border-radius:8px;box-shadow:0 2px 8px #00000026;height:100%;object-fit:cover;width:100%}.admin-book-details{display:flex;flex:1 1;flex-direction:column;gap:.5rem;overflow:hidden}.admin-book-details h3{color:#051630;font-size:1.3rem;margin:0 0 .75rem}.admin-book-details h3,.admin-book-details p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-book-details p{font-size:.95rem;margin:0}.admin-book-details strong{color:#051630}.admin-book-actions{display:flex;flex-shrink:0;gap:.75rem;justify-content:flex-end;margin-top:1.5rem}.admin-book-actions .edit-button{background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;padding:.5rem 1rem;transition:all .3s}.admin-book-actions .edit-button:hover{box-shadow:0 4px 12px #007bff4d;transform:translateY(-2px)}.admin-book-actions .delete-button{background:linear-gradient(135deg,#dc3545,#c82333);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;padding:.5rem 1rem;transition:all .3s}.admin-book-actions .delete-button:hover{box-shadow:0 4px 12px #dc35454d;transform:translateY(-2px)}@media (max-width:768px){.admin-book-content{flex-direction:column;gap:1rem}.admin-book-cover-container{height:auto;max-height:200px;width:100%}.admin-book-actions{flex-direction:column}.admin-book-actions .delete-button,.admin-book-actions .edit-button{width:100%}}@media (max-width:480px){.admin-book-card{padding:1rem}.admin-book-details h3{font-size:1.1rem}.admin-book-details p{font-size:.85rem}}
/*# sourceMappingURL=main.0b1306ed.css.map*/