*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #28a745;--color-primary-dark: #218838;--color-secondary: #dc3545;--color-secondary-dark: #c82333;--color-info: #17a2b8;--color-warning: #ffc107;--color-danger: #dc3545;--color-success: #28a745;--color-white: #ffffff;--color-light: #f8f9fa;--color-gray-100: #e9ecef;--color-gray-200: #dee2e6;--color-gray-300: #ced4da;--color-gray-400: #6c757d;--color-gray-500: #495057;--color-gray-600: #343a40;--color-gray-700: #212529;--font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--border-radius-sm: .25rem;--border-radius: .375rem;--border-radius-md: .5rem;--border-radius-lg: .75rem;--border-radius-xl: 1rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--breakpoint-sm: 576px;--breakpoint-md: 768px;--breakpoint-lg: 992px;--breakpoint-xl: 1200px;--breakpoint-2xl: 1400px}body{font-family:var(--font-family);background-color:var(--color-light);color:var(--color-gray-700);line-height:1.5;font-size:var(--font-size-base)}#app{min-height:100vh;display:flex;flex-direction:column}.container{width:100%;margin:0 auto;padding:0 var(--spacing-4);display:flex;flex-direction:row;justify-content:center}.container-fluid{width:100%;padding:0 var(--spacing-4)}.row{display:flex;flex-wrap:wrap;margin:0 calc(var(--spacing-3) * -1)}.col{flex:1;padding:0 var(--spacing-3)}.col-12{flex:0 0 100%;max-width:100%}.col-6{flex:0 0 50%;max-width:50%}.col-4{flex:0 0 33.333333%;max-width:33.333333%}.col-3{flex:0 0 25%;max-width:25%}.d-none{display:none!important}.d-block{display:block!important}.d-flex{display:flex!important}.d-grid{display:grid!important}.flex-column{flex-direction:column!important}.flex-row{flex-direction:row!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.align-items-center{align-items:center!important}.flex-wrap{flex-wrap:wrap!important}.text-center{text-align:center!important}.text-left{text-align:left!important}.text-right{text-align:right!important}.m-0{margin:0!important}.m-1{margin:var(--spacing-1)!important}.m-2{margin:var(--spacing-2)!important}.m-3{margin:var(--spacing-3)!important}.m-4{margin:var(--spacing-4)!important}.m-5{margin:var(--spacing-5)!important}.p-0{padding:0!important}.p-1{padding:var(--spacing-1)!important}.p-2{padding:var(--spacing-2)!important}.p-3{padding:var(--spacing-3)!important}.p-4{padding:var(--spacing-4)!important}.p-5{padding:var(--spacing-5)!important}@media (max-width: 767px){.container{padding:0 var(--spacing-3)}.col-sm-12{flex:0 0 100%;max-width:100%}.col-sm-6{flex:0 0 50%;max-width:50%}.d-sm-none{display:none!important}.d-sm-block{display:block!important}.d-sm-flex{display:flex!important}.text-sm-center{text-align:center!important}.flex-sm-column{flex-direction:column!important}}@media (min-width: 768px){.d-md-none{display:none!important}.d-md-block{display:block!important}.d-md-flex{display:flex!important}.col-md-12{flex:0 0 100%;max-width:100%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-4{flex:0 0 33.333333%;max-width:33.333333%}.col-md-3{flex:0 0 25%;max-width:25%}}@media (min-width: 992px){.d-lg-none{display:none!important}.d-lg-block{display:block!important}.d-lg-flex{display:flex!important}.col-lg-12{flex:0 0 100%;max-width:100%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-4{flex:0 0 33.333333%;max-width:33.333333%}.col-lg-3{flex:0 0 25%;max-width:25%}}.btn{display:inline-block;padding:var(--spacing-3) var(--spacing-5);border:1px solid transparent;border-radius:var(--border-radius);font-size:var(--font-size-base);font-weight:600;text-align:center;text-decoration:none;cursor:pointer;transition:all .3s ease;background-color:transparent}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-primary{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark);border-color:var(--color-primary-dark)}.btn-secondary{background-color:var(--color-secondary);color:var(--color-white);border-color:var(--color-secondary)}.btn-secondary:hover:not(:disabled){background-color:var(--color-secondary-dark);border-color:var(--color-secondary-dark)}.btn-outline-primary{color:var(--color-primary);border-color:var(--color-primary)}.btn-outline-primary:hover:not(:disabled){background-color:var(--color-primary);color:var(--color-white)}.form-control{display:block;width:100%;padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-base);line-height:1.5;color:var(--color-gray-700);background-color:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--border-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 .2rem #28a74540}.form-control.is-invalid{border-color:var(--color-danger)}.form-control.is-invalid:focus{border-color:var(--color-danger);box-shadow:0 0 0 .2rem #dc354540}.card{position:relative;display:flex;flex-direction:column;background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-lg);box-shadow:var(--shadow)}.card-body{flex:1 1 auto;padding:var(--spacing-6)}.card-header{padding:var(--spacing-4) var(--spacing-6);background-color:var(--color-light);border-bottom:1px solid var(--color-gray-200);border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{display:inline-block;width:1rem;height:1rem;border:2px solid currentColor;border-radius:50%;border-top-color:transparent;animation:spin 1s linear infinite}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-enter-active,.slide-leave-active{transition:transform .3s ease}.slide-enter-from{transform:translate(-100%)}.slide-leave-to{transform:translate(100%)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}*:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.login-wrapper[data-v-e07b3f3d]{display:flex;justify-content:center;align-items:center;height:100vh;background:#f5f5f5}.login-card[data-v-e07b3f3d]{background:#fff;padding:2rem;border-radius:10px;box-shadow:0 4px 12px #0000001a;width:350px}.input-group[data-v-e07b3f3d]{margin-bottom:1rem;display:flex;flex-direction:column}.input-group label[data-v-e07b3f3d]{margin-bottom:.5rem}.input-group input[data-v-e07b3f3d]{padding:.5rem;border-radius:5px;border:1px solid #ccc}button[data-v-e07b3f3d]{width:100%;padding:.7rem;background-color:#42b983;color:#fff;border:none;border-radius:5px;cursor:pointer}button[data-v-e07b3f3d]:hover{background-color:#42b983}.register-link[data-v-e07b3f3d]{margin-top:1rem;text-align:center}.register-btn[data-v-e07b3f3d]{margin-left:5px;color:#42b983;font-weight:700;cursor:pointer;text-decoration:none}.register-btn[data-v-e07b3f3d]:hover{text-decoration:underline}.success-message[data-v-e07b3f3d]{color:#42b983;text-align:center;margin-bottom:1rem}.error-message[data-v-e07b3f3d]{color:#e74c3c;text-align:center;margin-bottom:1rem}.register-wrapper[data-v-402880c9]{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#f5f5f5}.register-card[data-v-402880c9]{background:#fff;padding:2rem;border-radius:12px;width:400px;box-shadow:0 4px 10px #0000001a}.input-group[data-v-402880c9]{margin-bottom:1rem;display:flex;flex-direction:column}.input-group label[data-v-402880c9]{margin-bottom:.5rem;font-weight:700}.input-group input[data-v-402880c9]{padding:.6rem;border:1px solid #ddd;border-radius:6px}.btn-register[data-v-402880c9]{background:#42b983;color:#fff;padding:.8rem;width:100%;border:none;border-radius:6px;cursor:pointer;font-size:1rem}.btn-register[data-v-402880c9]:hover{background:#36976d}.link-login[data-v-402880c9]{color:#42b983;font-weight:700;text-decoration:none}.register-card p[data-v-402880c9]{text-align:center;margin-top:1rem}.modal-overlay[data-v-402880c9]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-402880c9]{background:#fff;padding:2rem 2.5rem;border-radius:12px;box-shadow:0 4px 16px #00000026;text-align:center;min-width:300px}.modal-btn[data-v-402880c9]{margin:1rem .5rem 0;padding:.7rem 1.5rem;border:none;border-radius:6px;background:#42b983;color:#fff;font-weight:700;cursor:pointer;font-size:1rem}.modal-btn.cancel[data-v-402880c9]{background:#ccc;color:#333}.error-message[data-v-402880c9]{color:#e74c3c;text-align:center;margin-bottom:1rem}.user-header[data-v-e0c31fae]{display:flex;align-items:center;gap:1rem;color:#fff}.user-info[data-v-e0c31fae]{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#ffffff1a;border-radius:.5rem;max-height:35px}.user-icon[data-v-e0c31fae]{font-size:1rem}.user-email[data-v-e0c31fae]{font-size:.875rem;font-weight:500;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.login-btn[data-v-e0c31fae]{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#97ef44e6;color:#000;border:none;border-radius:.5rem;cursor:pointer;font-weight:600;transition:all .2s ease;min-width:100px;text-decoration:none;max-height:35px;justify-content:center}.login-btn[data-v-e0c31fae]:link,.login-btn[data-v-e0c31fae]:visited,.login-btn[data-v-e0c31fae]:hover,.login-btn[data-v-e0c31fae]:active{text-decoration:none}.logout-btn[data-v-e0c31fae]{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#ef4444e6;color:#fff;border:none;border-radius:.5rem;cursor:pointer;font-weight:600;transition:all .2s ease;min-width:100px;max-height:35px;justify-content:center}.logout-btn[data-v-e0c31fae]:hover:not(:disabled){background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 8px #0003}.logout-btn[data-v-e0c31fae]:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn-text[data-v-e0c31fae]{font-size:.875rem}@media (max-width: 768px){.user-header[data-v-e0c31fae]{gap:.5rem}.user-info[data-v-e0c31fae]{display:none}.logout-btn[data-v-e0c31fae]{padding:.5rem;min-width:80px}}@media (max-width: 480px){.logout-btn[data-v-e0c31fae]{min-width:60px;padding:.5rem}}.books-dashboard[data-v-df15f766]{min-height:100vh;width:100%;background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;flex-direction:column}.dashboard-header[data-v-df15f766]{background:linear-gradient(135deg,#1e293b,#0f172a);color:#fff;padding:1rem 0;box-shadow:0 4px 6px -1px #0000001a}.header-container[data-v-df15f766]{margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.dashboard-title[data-v-df15f766]{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;margin:0}.title-icon[data-v-df15f766]{font-size:2rem}.mode-indicator[data-v-df15f766]{font-size:.75rem;padding:.25rem .5rem;border-radius:.375rem;font-weight:600;margin-left:1rem}.mode-mock[data-v-df15f766]{background-color:#fbbf24;color:#1f2937}.mode-api[data-v-df15f766]{background-color:#10b981;color:#fff}.dashboard-layout[data-v-df15f766]{display:flex;flex:1;margin:0 auto;width:100%}.control-sidebar[data-v-df15f766]{width:320px;background:#fff;border-right:1px solid #e5e7eb;padding:1.5rem;overflow-y:auto;height:calc(100vh - 80px)}.sidebar-content[data-v-df15f766]{display:flex;flex-direction:column;gap:2rem}.section-title[data-v-df15f766]{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;margin:0 0 1rem;color:#374151}.action-btn[data-v-df15f766]{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:.5rem;text-decoration:none;font-weight:600;transition:all .2s;border:none;cursor:pointer;width:100%}.action-btn-primary[data-v-df15f766]{background:#3b82f6;color:#fff}.action-btn-primary[data-v-df15f766]:hover{background:#2563eb;transform:translateY(-1px)}.btn-icon[data-v-df15f766]{font-size:1.125rem}.filter-section[data-v-df15f766]{display:flex;flex-direction:column;gap:1rem}.search-group[data-v-df15f766]{position:relative}.search-input[data-v-df15f766]{width:100%;padding:.75rem;border:2px solid #d1d5db;border-radius:.5rem;font-size:.875rem;transition:border-color .2s}.search-input[data-v-df15f766]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.clear-btn[data-v-df15f766]{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#6b7280;cursor:pointer;padding:.25rem}.filter-group[data-v-df15f766]{display:flex;flex-direction:column;gap:.5rem}.filter-label[data-v-df15f766]{font-size:.875rem;font-weight:600;color:#374151}.filter-select[data-v-df15f766]{padding:.5rem .75rem;border:2px solid #d1d5db;border-radius:.375rem;font-size:.875rem;background:#fff}.filter-select[data-v-df15f766]:focus{outline:none;border-color:#3b82f6}.clear-filters-btn[data-v-df15f766]{padding:.5rem 1rem;background:#ef4444;color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:background-color .2s}.clear-filters-btn[data-v-df15f766]:hover{background:#dc2626}.stats-grid[data-v-df15f766]{display:flex;flex-direction:row;justify-content:center;gap:10px}.stat-item[data-v-df15f766]{display:flex;flex-direction:column;align-items:center;padding:1rem;width:100px;height:100px;background:#f9fafb;border-radius:.5rem;border:1px solid #e5e7eb}.stat-number[data-v-df15f766]{font-size:1.5rem;font-weight:700;color:#3b82f6}.stat-label[data-v-df15f766]{font-size:.75rem;color:#6b7280;text-transform:uppercase;font-weight:600}.content-area[data-v-df15f766]{flex:1;padding:1.5rem;display:flex;flex-direction:column}.status-bar[data-v-df15f766]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1rem;background:#fff;border-radius:.5rem;border:1px solid #e5e7eb}.results-count[data-v-df15f766]{font-weight:600;color:#374151}.view-controls[data-v-df15f766]{display:flex;gap:.5rem}.add-book-btn[data-v-df15f766]{width:100%;padding:.5rem 1.25rem;background:#3b82f6;color:#fff;border:none;border-radius:.375rem;font-size:1rem;font-weight:600;text-decoration:none;cursor:pointer;transition:background .2s,transform .2s;display:inline-flex;align-items:center;gap:.5rem;margin-bottom:10px}.add-book-btn[data-v-df15f766]:hover{background:#2563eb;transform:translateY(-1px)}.loading-state[data-v-df15f766],.error-state[data-v-df15f766]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;background:#fff;border-radius:.5rem;border:1px solid #e5e7eb}.loading-spinner[data-v-df15f766]{width:3rem;height:3rem;border:3px solid #e5e7eb;border-top:3px solid #3b82f6;border-radius:50%;animation:spin-df15f766 1s linear infinite;margin-bottom:1rem}@keyframes spin-df15f766{to{transform:rotate(360deg)}}.error-icon[data-v-df15f766]{font-size:3rem;margin-bottom:1rem}.retry-btn[data-v-df15f766]{padding:.5rem 1rem;background:#3b82f6;color:#fff;border:none;border-radius:.375rem;cursor:pointer;margin-top:1rem}.table-container[data-v-df15f766]{background:#fff;border-radius:.5rem;border:1px solid #e5e7eb;overflow:hidden}.books-table[data-v-df15f766]{width:100%;border-collapse:collapse}.books-table th[data-v-df15f766]{background:#f9fafb;padding:1rem;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb}.book-row[data-v-df15f766]{border-bottom:1px solid #e5e7eb;transition:background-color .2s}.book-row[data-v-df15f766]:hover{background:#f9fafb}.books-table td[data-v-df15f766]{padding:1rem;vertical-align:middle}.book-cover-mini[data-v-df15f766]{width:40px;height:40px;background:linear-gradient(135deg,#3b82f6,#1e40af);color:#fff;border-radius:.375rem;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.book-title-info h4[data-v-df15f766]{margin:0 0 .25rem;font-size:1rem;font-weight:600}.book-isbn[data-v-df15f766]{font-size:.75rem;color:#6b7280}.category-badge[data-v-df15f766]{background:#dbeafe;color:#1e40af;padding:.25rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:600}.status-badge[data-v-df15f766]{padding:.25rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:600}.status-badge.available[data-v-df15f766]{background:#dcfce7;color:#166534}.status-badge.unavailable[data-v-df15f766]{background:#fecaca;color:#991b1b}.action-buttons[data-v-df15f766]{display:flex;gap:.5rem}.action-btn-sm[data-v-df15f766]{padding:.375rem;border:none;border-radius:.375rem;cursor:pointer;text-decoration:none;display:flex;align-items:center;justify-content:center;transition:all .2s}.view-btn[data-v-df15f766]{background:#dbeafe;color:#1e40af}.edit-btn[data-v-df15f766]{background:#fef3c7;color:#92400e}.delete-btn[data-v-df15f766]{background:#fecaca;color:#991b1b}.action-btn-sm[data-v-df15f766]:hover{transform:scale(1.1)}.cards-grid[data-v-df15f766]{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:1.5rem}.book-card-horizontal[data-v-df15f766]{background:#fff;border-radius:.5rem;border:1px solid #e5e7eb;display:flex;overflow:hidden;transition:all .2s}.book-card-horizontal[data-v-df15f766]:hover{box-shadow:0 10px 15px -3px #0000001a;transform:translateY(-2px)}.card-cover[data-v-df15f766]{width:120px;background:linear-gradient(135deg,#3b82f6,#1e40af);display:flex;align-items:center;justify-content:center;position:relative}.cover-icon[data-v-df15f766]{font-size:2.5rem;color:#fff}.unavailable-overlay[data-v-df15f766]{position:absolute;top:.5rem;left:.5rem;background:#ef4444;color:#fff;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:600}.card-content[data-v-df15f766]{flex:1;padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between}.card-title[data-v-df15f766]{font-size:1.125rem;font-weight:700;margin:0 0 .5rem;color:#1f2937}.card-author[data-v-df15f766]{color:#6b7280;margin:0 0 1rem}.card-details[data-v-df15f766]{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.detail-item[data-v-df15f766]{font-size:.75rem;color:#6b7280}.category-tag[data-v-df15f766]{background:#dbeafe;color:#1e40af;padding:.25rem .5rem;border-radius:.25rem;font-weight:600}.card-actions[data-v-df15f766]{display:flex;gap:.5rem}.card-btn[data-v-df15f766]{padding:.5rem 1rem;border-radius:.375rem;text-decoration:none;font-size:.875rem;font-weight:600;border:none;cursor:pointer;transition:all .2s}.card-btn-view[data-v-df15f766]{background:#dbeafe;color:#1e40af}.card-btn-edit[data-v-df15f766]{background:#fef3c7;color:#92400e}.card-btn-delete[data-v-df15f766]{background:#fecaca;color:#991b1b}.card-btn[data-v-df15f766]:hover{transform:translateY(-1px)}.empty-state[data-v-df15f766]{text-align:center;padding:4rem;background:#fff;border-radius:.5rem;border:1px solid #e5e7eb}.empty-icon[data-v-df15f766]{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-action-btn[data-v-df15f766]{padding:.75rem 1.5rem;background:#3b82f6;color:#fff;border:none;border-radius:.5rem;text-decoration:none;font-weight:600;margin-top:1rem;display:inline-block}.modal-overlay[data-v-df15f766]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-df15f766]{background:#fff;border-radius:.5rem;width:90%;margin:0 1rem}.modal-header[data-v-df15f766]{padding:1.5rem 1.5rem 0;display:flex;justify-content:space-between;align-items:center}.modal-header h3[data-v-df15f766]{margin:0;color:#1f2937}.modal-close-btn[data-v-df15f766]{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:0}.modal-body[data-v-df15f766]{padding:1.5rem}.book-preview[data-v-df15f766]{background:#f9fafb;padding:1rem;border-radius:.375rem;margin:1rem 0;display:flex;flex-direction:column;gap:.25rem}.warning-text[data-v-df15f766]{color:#dc2626;font-size:.875rem;font-weight:600}.modal-actions[data-v-df15f766]{padding:0 1.5rem 1.5rem;display:flex;gap:.75rem;justify-content:flex-end}.modal-btn[data-v-df15f766]{padding:.5rem 1rem;border-radius:.375rem;border:none;font-weight:600;cursor:pointer;transition:background-color .2s}.modal-btn-cancel[data-v-df15f766]{background:#f3f4f6;color:#374151}.modal-btn-cancel[data-v-df15f766]:hover{background:#e5e7eb}.modal-btn-danger[data-v-df15f766]{background:#ef4444;color:#fff}.modal-btn-danger[data-v-df15f766]:hover{background:#dc2626}@media (max-width: 1024px){.dashboard-layout[data-v-df15f766]{flex-direction:column}.control-sidebar[data-v-df15f766]{width:100%;height:auto;padding:1rem}.sidebar-content[data-v-df15f766]{gap:1rem;overflow-x:auto}.stats-grid[data-v-df15f766]{grid-template-columns:repeat(3,1fr);min-width:200px}.cards-grid[data-v-df15f766]{grid-template-columns:1fr}}@media (max-width: 768px){.header-container[data-v-df15f766]{padding:0 1rem}.dashboard-title[data-v-df15f766]{font-size:1.25rem}.content-area[data-v-df15f766]{padding:1rem}.books-table[data-v-df15f766]{font-size:.875rem}.books-table th[data-v-df15f766],.books-table td[data-v-df15f766]{padding:.75rem}}.book-create-container[data-v-4e9eed06]{min-height:100vh;background-color:#f8f9fa}.header[data-v-4e9eed06]{background-color:#28a745;color:#fff;padding:1rem 0;box-shadow:0 2px 4px #0000001a}.header-content[data-v-4e9eed06]{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.header h1[data-v-4e9eed06]{margin:0;font-size:1.5rem;display:flex;align-items:center}.back-btn[data-v-4e9eed06]{background-color:#6c757d;color:#fff;text-decoration:none;padding:.5rem 1rem;border-radius:4px;font-size:.9rem;transition:background-color .3s}.back-btn[data-v-4e9eed06]:hover{background-color:#5a6268}.main-content[data-v-4e9eed06]{max-width:800px;margin:0 auto;padding:2rem}.form-container[data-v-4e9eed06]{background:#fff;border-radius:8px;padding:2rem;box-shadow:0 2px 8px #0000001a}.form-container h2[data-v-4e9eed06]{color:#333;margin:0 0 2rem;text-align:center}.book-form[data-v-4e9eed06]{display:flex;flex-direction:column;gap:1.5rem}.form-row[data-v-4e9eed06]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group[data-v-4e9eed06]{display:flex;flex-direction:column}.form-group label[data-v-4e9eed06]{font-weight:600;color:#333;margin-bottom:.5rem;font-size:.9rem}.form-group input[data-v-4e9eed06],.form-group select[data-v-4e9eed06],.form-group textarea[data-v-4e9eed06]{padding:.75rem;border:2px solid #e9ecef;border-radius:6px;font-size:1rem;transition:border-color .3s}.form-group input[data-v-4e9eed06]:focus,.form-group select[data-v-4e9eed06]:focus,.form-group textarea[data-v-4e9eed06]:focus{outline:none;border-color:#007bff}.input-error[data-v-4e9eed06]{border-color:#dc3545!important}.error-text[data-v-4e9eed06]{color:#dc3545;font-size:.8rem;margin-top:.25rem}.form-group textarea[data-v-4e9eed06]{resize:vertical;min-height:100px}.form-actions[data-v-4e9eed06]{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.cancel-btn[data-v-4e9eed06]{background-color:#6c757d;color:#fff;border:none;text-decoration:none;padding:.75rem 1.5rem;border-radius:6px;max-height:40px;font-weight:600;transition:background-color .3s;display:inline-flex;align-items:center}.cancel-btn[data-v-4e9eed06]:hover{background-color:#5a6268}.submit-btn[data-v-4e9eed06]{background-color:#007bff;color:#fff;text-decoration:none;border:none;padding:.75rem 1.5rem;border-radius:6px;font-weight:600;cursor:pointer;transition:background-color .3s;display:flex;align-items:center;gap:.5rem}.submit-btn[data-v-4e9eed06]:hover:not(:disabled){background-color:#0056b3}.submit-btn[data-v-4e9eed06]:disabled{background-color:#6c757d;cursor:not-allowed}.loading[data-v-4e9eed06]{display:inline-block;width:16px;height:16px;border:2px solid #ffffff;border-radius:50%;border-top-color:transparent;animation:spin-4e9eed06 1s linear infinite}@keyframes spin-4e9eed06{to{transform:rotate(360deg)}}@media (max-width: 768px){.header-content[data-v-4e9eed06]{padding:0 1rem}.main-content[data-v-4e9eed06]{padding:1rem}.form-container[data-v-4e9eed06]{padding:1.5rem}.form-row[data-v-4e9eed06]{grid-template-columns:1fr}.form-actions[data-v-4e9eed06]{flex-direction:column}}.book-edit-container[data-v-3267dca6]{min-height:100vh;background-color:#f8f9fa}.header[data-v-3267dca6]{background-color:#28a745;color:#fff;padding:1rem 0;box-shadow:0 2px 4px #0000001a}.header-content[data-v-3267dca6]{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.header h1[data-v-3267dca6]{margin:0;font-size:1.5rem;display:flex;align-items:center}.back-btn[data-v-3267dca6]{background-color:#6c757d;color:#fff;text-decoration:none;padding:.5rem 1rem;border-radius:4px;font-size:.9rem;transition:background-color .3s}.back-btn[data-v-3267dca6]:hover{background-color:#5a6268}.main-content[data-v-3267dca6]{max-width:800px;margin:0 auto;padding:2rem}.form-container[data-v-3267dca6]{background:#fff;border-radius:8px;padding:2rem;box-shadow:0 2px 8px #0000001a}.form-container h2[data-v-3267dca6]{color:#333;margin:0 0 2rem;text-align:center}.book-form[data-v-3267dca6]{display:flex;flex-direction:column;gap:1.5rem}.form-row[data-v-3267dca6]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group[data-v-3267dca6]{display:flex;flex-direction:column}.form-group label[data-v-3267dca6]{font-weight:600;color:#333;margin-bottom:.5rem;font-size:.9rem}.form-group input[data-v-3267dca6],.form-group select[data-v-3267dca6],.form-group textarea[data-v-3267dca6]{padding:.75rem;border:2px solid #e9ecef;border-radius:6px;font-size:1rem;transition:border-color .3s}.form-group input[data-v-3267dca6]:focus,.form-group select[data-v-3267dca6]:focus,.form-group textarea[data-v-3267dca6]:focus{outline:none;border-color:#007bff}.input-error[data-v-3267dca6]{border-color:#dc3545!important}.error-text[data-v-3267dca6]{color:#dc3545;font-size:.8rem;margin-top:.25rem}.form-group textarea[data-v-3267dca6]{resize:vertical;min-height:100px}.form-actions[data-v-3267dca6]{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.cancel-btn[data-v-3267dca6]{background-color:#6c757d;color:#fff;border:none;text-decoration:none;padding:.75rem 1.5rem;border-radius:6px;max-height:40px;font-weight:600;transition:background-color .3s;display:inline-flex;align-items:center}.cancel-btn[data-v-3267dca6]:hover{background-color:#5a6268}.submit-btn[data-v-3267dca6]{background-color:#ffc107;color:#212529;border:none;padding:.75rem 1.5rem;border-radius:6px;font-weight:600;cursor:pointer;transition:background-color .3s;display:flex;align-items:center;gap:.5rem}.submit-btn[data-v-3267dca6]:hover:not(:disabled){background-color:#e0a800}.submit-btn[data-v-3267dca6]:disabled{background-color:#6c757d;cursor:not-allowed}.loading[data-v-3267dca6]{display:inline-block;width:16px;height:16px;border:2px solid #ffffff;border-radius:50%;border-top-color:transparent;animation:spin-3267dca6 1s linear infinite}.not-found[data-v-3267dca6]{text-align:center;padding:3rem;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.not-found h2[data-v-3267dca6]{color:#333;margin:0 0 1rem}.not-found p[data-v-3267dca6]{color:#666;margin:0 0 2rem}.back-to-list[data-v-3267dca6]{background-color:#007bff;color:#fff;text-decoration:none;padding:.75rem 1.5rem;border-radius:6px;font-weight:600;transition:background-color .3s}.back-to-list[data-v-3267dca6]:hover{background-color:#0056b3}.loading-container[data-v-3267dca6]{text-align:center;padding:3rem;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.loading-spinner[data-v-3267dca6]{width:40px;height:40px;border:4px solid #e9ecef;border-top:4px solid #007bff;border-radius:50%;animation:spin-3267dca6 1s linear infinite;margin:0 auto 1rem}@keyframes spin-3267dca6{to{transform:rotate(360deg)}}@media (max-width: 768px){.header-content[data-v-3267dca6]{padding:0 1rem}.main-content[data-v-3267dca6]{padding:1rem}.form-container[data-v-3267dca6]{padding:1.5rem}.form-row[data-v-3267dca6]{grid-template-columns:1fr}.form-actions[data-v-3267dca6]{flex-direction:column}}.book-detail-container[data-v-bce3e2b5]{min-height:100vh;background-color:#f8f9fa}.header[data-v-bce3e2b5]{background-color:#28a745;color:#fff;padding:1rem 0;box-shadow:0 2px 4px #0000001a}.header-content[data-v-bce3e2b5]{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;align-self:center}.header h1[data-v-bce3e2b5]{margin:0;font-size:1.5rem;display:flex;align-items:center}.back-btn[data-v-bce3e2b5]{background-color:#6c757d;color:#fff;text-decoration:none;padding:.5rem 1rem;border-radius:4px;font-size:.9rem;transition:background-color .3s}.back-btn[data-v-bce3e2b5]:hover{background-color:#5a6268}.main-content[data-v-bce3e2b5]{max-width:1000px;margin:0 auto;padding:2rem}.book-detail[data-v-bce3e2b5]{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.book-header[data-v-bce3e2b5]{display:grid;grid-template-columns:auto 1fr auto;gap:2rem;padding:2rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.book-cover[data-v-bce3e2b5]{display:flex;flex-direction:row;align-items:center;justify-content:center;height:160px;background:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a}.book-icon[data-v-bce3e2b5]{font-size:4rem;color:#6c757d}.book-main-info[data-v-bce3e2b5]{display:flex;flex-direction:column;justify-content:center}.book-title[data-v-bce3e2b5]{font-size:2rem;font-weight:700;color:#333;margin:0 0 .5rem;line-height:1.2}.book-author[data-v-bce3e2b5]{font-size:1.25rem;color:#666;font-style:italic;margin:0 0 1rem}.book-meta[data-v-bce3e2b5]{display:flex;flex-direction:row;justify-content:center;gap:1rem}.meta-item[data-v-bce3e2b5]{background:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;color:#666;box-shadow:0 2px 4px #0000001a}.book-actions[data-v-bce3e2b5]{display:flex;flex-direction:column;gap:.5rem;align-items:flex-end}.action-btn[data-v-bce3e2b5]{padding:.75rem 1.5rem;border:none;border-radius:6px;cursor:pointer;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;max-height:40px;transition:all .3s;min-width:120px;justify-content:center}.edit-btn[data-v-bce3e2b5]{background-color:#ffc107;color:#212529}.edit-btn[data-v-bce3e2b5]:hover{background-color:#e0a800;transform:translateY(-1px)}.delete-btn[data-v-bce3e2b5]{background-color:#dc3545;color:#fff}.delete-btn[data-v-bce3e2b5]:hover{background-color:#c82333;transform:translateY(-1px)}.book-details[data-v-bce3e2b5]{padding:2rem}.detail-section[data-v-bce3e2b5]{margin-bottom:2rem}.detail-section[data-v-bce3e2b5]:last-child{margin-bottom:0}.detail-section h3[data-v-bce3e2b5]{color:#333;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:2px solid #e9ecef}.detail-grid[data-v-bce3e2b5]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.detail-item[data-v-bce3e2b5]{display:flex;flex-direction:column;gap:.25rem}.detail-item label[data-v-bce3e2b5]{font-weight:600;color:#666;font-size:.9rem}.detail-item span[data-v-bce3e2b5]{color:#333;font-size:1rem}.book-description[data-v-bce3e2b5]{color:#666;line-height:1.6;margin:0;font-size:1rem}.stats-grid[data-v-bce3e2b5]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.stat-card[data-v-bce3e2b5]{background:#f8f9fa;padding:1.5rem;border-radius:8px;text-align:center;border:1px solid #e9ecef}.stat-number[data-v-bce3e2b5]{display:block;font-size:2rem;font-weight:700;color:#007bff;margin-bottom:.25rem}.stat-label[data-v-bce3e2b5]{font-size:.9rem;color:#666;text-transform:uppercase;letter-spacing:.5px}.not-found[data-v-bce3e2b5]{text-align:center;padding:3rem;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.not-found h2[data-v-bce3e2b5]{color:#333;margin:0 0 1rem}.not-found p[data-v-bce3e2b5]{color:#666;margin:0 0 2rem}.back-to-list[data-v-bce3e2b5]{background-color:#007bff;color:#fff;text-decoration:none;padding:.75rem 1.5rem;border-radius:6px;font-weight:600;transition:background-color .3s}.back-to-list[data-v-bce3e2b5]:hover{background-color:#0056b3}.loading-container[data-v-bce3e2b5]{text-align:center;padding:3rem;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.loading-spinner[data-v-bce3e2b5]{width:40px;height:40px;border:4px solid #e9ecef;border-top:4px solid #007bff;border-radius:50%;animation:spin-bce3e2b5 1s linear infinite;margin:0 auto 1rem}.modal-overlay[data-v-bce3e2b5]{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal[data-v-bce3e2b5]{background:#fff;border-radius:8px;padding:2rem;max-width:400px;width:90%}.modal h3[data-v-bce3e2b5]{margin:0 0 1rem;color:#333}.modal p[data-v-bce3e2b5]{margin:0 0 1.5rem;color:#666}.modal-actions[data-v-bce3e2b5]{display:flex;gap:1rem;justify-content:flex-end}.cancel-btn[data-v-bce3e2b5]{background-color:#6c757d;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer}.cancel-btn[data-v-bce3e2b5]:hover{background-color:#5a6268}.confirm-delete-btn[data-v-bce3e2b5]{background-color:#dc3545;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer}.confirm-delete-btn[data-v-bce3e2b5]:hover{background-color:#c82333}@keyframes spin-bce3e2b5{to{transform:rotate(360deg)}}@media (max-width: 768px){.header-content[data-v-bce3e2b5]{padding:0 1rem}.main-content[data-v-bce3e2b5]{padding:1rem}.book-header[data-v-bce3e2b5]{grid-template-columns:1fr;text-align:center;gap:1rem}.book-actions[data-v-bce3e2b5]{flex-direction:row;justify-content:center}.detail-grid[data-v-bce3e2b5],.stats-grid[data-v-bce3e2b5]{grid-template-columns:1fr}}