#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}header{background-color:#3498db;color:#fff;padding:20px;text-align:center}header h1{margin:0}.container{max-width:1200px;margin:0 auto;padding:20px}main{background-color:#ecf0f1;min-height:calc(100vh - 80px)}.book-form{background:white;padding:20px;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-bottom:20px}.book-form h2{margin-top:0}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:700}.form-group input{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;box-sizing:border-box}.btn{padding:10px 15px;border:none;border-radius:4px;cursor:pointer;margin-right:10px}.btn-primary{background-color:#3498db;color:#fff}.btn-secondary{background-color:#95a5a6;color:#fff}.btn-edit{background-color:#f39c12;color:#fff;padding:6px 12px;font-size:14px}.btn-delete{background-color:#e74c3c;color:#fff;padding:6px 12px;font-size:14px}.book-list{background:white;padding:20px;border-radius:8px;box-shadow:0 2px 10px #0000001a}.book-list h2{margin-top:0}.search-box{margin-bottom:20px}.search-input{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;box-sizing:border-box}.table-container{overflow-x:auto}.book-table{width:100%;border-collapse:collapse}.book-table th,.book-table td{padding:12px;text-align:left;border-bottom:1px solid #ddd}.book-table th{background-color:#f5f5f5;font-weight:700}.no-books{text-align:center;padding:40px;color:#7f8c8d;font-size:16px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:white;padding:20px;border-radius:8px;width:90%;max-width:500px;box-shadow:0 4px 20px #0000004d}.modal-buttons{margin-top:15px}.loading{text-align:center;padding:20px;font-size:16px;color:#7f8c8d}@media (max-width: 768px){.container{padding:10px}.book-table{font-size:14px}.book-table th,.book-table td{padding:8px 5px}.btn{padding:8px 12px;margin-bottom:5px}}