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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app{display:flex;flex-direction:column;font-family:Arial,sans-serif;min-height:100vh;text-align:center}.header{background:#222;color:#fff;padding:1rem}.content{align-items:flex-start;display:flex;gap:20px;justify-content:center;padding:2rem}.book-grid{grid-gap:20px 40px;display:grid;gap:20px 40px;grid-template-columns:repeat(3,200px)}.book-card{border:2px solid #ccc;border-radius:10px;display:flex;flex-direction:column;height:300px;padding:10px;width:200px}.book-card:hover{border-color:#4877a9;box-shadow:0 4px 8px #0000001a}.book-card img{height:150px;max-width:100%;object-fit:contain}.book-card h3{font-size:1rem;height:50px;margin:5px 0}.book-card p{color:#555;font-size:.9rem}.book-card a{color:#007bff;text-decoration:none}.book-card.selected{border:4px solid #4580c4}.book-card{position:relative}.delete-btn{background:#ff4d4f;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:.3em .6em;position:absolute;right:8px;top:8px;transition:background .2s}.delete-btn:hover{background:#ff7875}.add-button{background:#fff;border:2px dashed #007bff;border-radius:10px;cursor:pointer;font-size:2rem;font-weight:700;height:324px;width:224px}.add-button:hover{background:#325d80;color:#fff}.add-button-column{display:flex;flex-direction:column;justify-content:center}.footer{background:#f4f4f4;margin-top:auto;padding:1rem}@media (max-width:768px){.content{align-items:center;flex-direction:column}.book-grid{gap:20px;grid-template-columns:1fr}.add-button-column{margin-top:20px}}.book-dialog{border:none;border-radius:12px;box-shadow:0 8px 20px #0000004d;font-family:Arial,sans-serif;max-width:500px;padding:2rem;width:90%}.dialog-title{font-size:1.5rem;margin-bottom:1.5rem;text-align:center}.book-form{grid-gap:1rem 1.5rem;align-items:center;display:grid;gap:1rem 1.5rem;grid-template-columns:1fr 2fr}.form-label{color:#333;font-size:.95rem;font-weight:600;justify-self:end}.form-input{border:1px solid #ccc;border-radius:6px;font-size:1rem;outline:none;padding:.5rem .75rem;transition:border-color .2s ease;width:200px}.form-input:focus{border-color:#07f}.form-buttons{display:flex;gap:1rem;grid-column:1/-1;justify-content:flex-end;margin-top:1rem}.close-button,.submit-button{border:none;border-radius:6px;cursor:pointer;font-size:.95rem;padding:.5rem 1rem;transition:background-color .2s ease}.submit-button{background-color:#07f;color:#fff}.submit-button:hover{background-color:#005ecc}.close-button{background-color:#eee;color:#333}.close-button:hover{background-color:#ccc}.book-dialog::backdrop{background:#00000080}
/*# sourceMappingURL=main.d8e784ef.css.map*/