.add-form[data-v-f0bd5048]{background:#fff;border-radius:8px;margin-bottom:20px;padding:20px;box-shadow:0 2px 4px #0000001a}.add-form h2[data-v-f0bd5048]{color:#333;margin-bottom:15px}.form-group[data-v-f0bd5048]{margin-bottom:15px}.form-group input[data-v-f0bd5048],.form-group select[data-v-f0bd5048]{border:1px solid #ddd;border-radius:4px;width:100%;padding:10px;font-size:1em}.form-group input[data-v-f0bd5048]:focus,.form-group select[data-v-f0bd5048]:focus{border-color:#4caf50;outline:none}.btn-submit[data-v-f0bd5048]{color:#fff;cursor:pointer;background:#4caf50;border:none;border-radius:4px;width:100%;padding:12px;font-size:1em;transition:background .3s}.btn-submit[data-v-f0bd5048]:hover{background:#45a049}.filters[data-v-4acb8b89]{background:#fff;border-radius:8px;margin-bottom:20px;padding:20px;box-shadow:0 2px 4px #0000001a}.search[data-v-4acb8b89]{margin-bottom:15px}.search input[data-v-4acb8b89]{border:1px solid #ddd;border-radius:4px;width:100%;padding:10px;font-size:1em}.filter-buttons[data-v-4acb8b89]{gap:10px;margin-bottom:15px;display:flex}.filter-btn[data-v-4acb8b89]{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:4px;padding:8px 16px;transition:all .3s}.filter-btn[data-v-4acb8b89]:hover{background:#f0f0f0}.filter-btn.active[data-v-4acb8b89]{color:#fff;background:#4caf50;border-color:#4caf50}.stats[data-v-4acb8b89]{color:#666;border-top:1px solid #eee;padding-top:15px;font-size:.9em}.favorite-star[data-v-9a9a4124]{cursor:pointer;color:#ccc;font-size:24px;transition:color .2s}.favorite-star.active[data-v-9a9a4124]{color:gold}.favorite-star[data-v-9a9a4124]:hover{transform:scale(1.2)}.book-card[data-v-9a9a4124]{background:#fff;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:16px;transition:all .3s;display:flex;box-shadow:0 2px 4px #0000001a}.book-card.completed[data-v-9a9a4124]{opacity:.8;background:#f0f7f0}.book-info[data-v-9a9a4124]{flex:1}.book-info h3[data-v-9a9a4124]{color:#333;margin-bottom:4px}.author[data-v-9a9a4124]{color:#666;margin-bottom:4px;font-size:.9em}.genre[data-v-9a9a4124]{background:#e0e0e0;border-radius:4px;padding:2px 8px;font-size:.8em}.book-actions[data-v-9a9a4124]{align-items:center;gap:8px;display:flex}.rating[data-v-9a9a4124]{gap:2px;display:flex}.rating span[data-v-9a9a4124]{cursor:pointer;color:gold;font-size:20px}.rating span[data-v-9a9a4124]:hover{transform:scale(1.2)}.btn[data-v-9a9a4124]{cursor:pointer;border:none;border-radius:4px;padding:8px 12px;font-size:.9em;transition:background .3s}.btn-primary[data-v-9a9a4124]{color:#fff;background:#4caf50}.btn-primary[data-v-9a9a4124]:hover{background:#45a049}.btn-secondary[data-v-9a9a4124]{color:#fff;background:#2196f3}.btn-secondary[data-v-9a9a4124]:hover{background:#1e87db}.btn-danger[data-v-9a9a4124]{color:#fff;background:#f44336;padding:8px 12px}.btn-danger[data-v-9a9a4124]:hover{background:#da190b}*{box-sizing:border-box;margin:0;padding:0}body{background:#f0f2f5;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}.app{max-width:800px;margin:0 auto;padding:20px}header{text-align:center;color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:10px;margin-bottom:30px;padding:20px;box-shadow:0 4px 6px #0000001a}header h1{margin-bottom:5px;font-size:2.5em}main{background:#fff;border-radius:10px;padding:30px;box-shadow:0 2px 10px #0000001a}.empty-state{text-align:center;color:#999;padding:40px;font-size:1.2em}.empty-state p:first-child{margin-bottom:20px;font-size:3em}.books-list{margin-top:20px}