header[data-v-bdc42dc9]{background-color:#333;color:#fff;padding:1rem}.nav-container[data-v-bdc42dc9]{display:flex;justify-content:space-between;align-items:center}nav a[data-v-bdc42dc9]{color:#fff;text-decoration:none;padding:.5rem 1rem}nav a[data-v-bdc42dc9]:hover{background-color:#555}.book-list[data-v-2d681e81]{list-style-type:none;padding:0}.book-item[data-v-2d681e81]{background-color:#f9f9f9;margin:10px 0;padding:10px;border:1px solid #ddd;border-radius:4px}.book-item[data-v-2d681e81]:nth-child(odd){background-color:#f1f1f1}.book-form[data-v-80f075d2]{display:flex;flex-direction:column;gap:10px;max-width:400px;margin:auto;padding:20px;border:1px solid #ccc;border-radius:8px;background-color:#f9f9f9}.input-field[data-v-80f075d2]{padding:10px;border:1px solid #ccc;border-radius:4px;font-size:16px}.button-group[data-v-80f075d2]{display:flex;justify-content:space-between}.button[data-v-80f075d2]{padding:10px 20px;border:none;border-radius:4px;background-color:#007bff;color:#fff;font-size:16px;cursor:pointer}.button[data-v-80f075d2]:hover{background-color:#0056b3}.button-secondary[data-v-80f075d2]{background-color:#ccc;color:#000}