@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Roboto:wght@300;400;500;700&display=swap);.navbar-brand[data-v-5720029c]{font-weight:600}.router-link-exact-active[data-v-5720029c]{font-weight:500}.book-card[data-v-23ec244c]{transition:transform .3s ease,box-shadow .3s ease;border:none;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1)}.book-card[data-v-23ec244c]:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.book-cover-container[data-v-23ec244c]{height:250px;overflow:hidden;background-color:#f8f9fa;display:flex;align-items:center;justify-content:center}.book-cover-img[data-v-23ec244c]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.book-card:hover .book-cover-img[data-v-23ec244c]{transform:scale(1.05)}.card-body[data-v-23ec244c]{padding:1.25rem}.card-title[data-v-23ec244c]{font-size:1.1rem;font-weight:600;color:#2d3748;margin-bottom:.75rem;line-height:1.3}.card-text[data-v-23ec244c]{font-size:.9rem;margin-bottom:.5rem}.text-truncate[data-v-23ec244c]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge[data-v-23ec244c]{font-size:.8rem}.btn-group .btn[data-v-23ec244c]{font-size:.8rem;padding:.375rem .5rem}.btn-info[data-v-23ec244c]{background-color:#17a2b8;border-color:#17a2b8}.btn-warning[data-v-23ec244c]{background-color:#ffc107;border-color:#ffc107;color:#212529}.btn-danger[data-v-23ec244c]{background-color:#dc3545;border-color:#dc3545}@media (max-width:576px){.col-sm-6[data-v-23ec244c]{flex:0 0 100%;max-width:100%}.book-cover-container[data-v-23ec244c]{height:200px}}.preview-container[data-v-d6f5410c]{position:relative;display:inline-block;max-width:200px}.preview-image[data-v-d6f5410c]{width:100%;height:auto;max-height:250px;-o-object-fit:cover;object-fit:cover;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.remove-preview[data-v-d6f5410c]{position:absolute;top:-8px;right:-8px;width:24px;height:24px;border-radius:50%;padding:0;display:flex;align-items:center;justify-content:center;font-size:12px}.current-cover-container[data-v-12ddc11c]{position:relative;display:inline-block;max-width:200px}.current-cover-image[data-v-12ddc11c]{width:100%;height:auto;max-height:250px;-o-object-fit:cover;object-fit:cover;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);margin-bottom:10px}.remove-current[data-v-12ddc11c]{display:block;width:100%}.preview-container[data-v-12ddc11c]{position:relative;display:inline-block;max-width:200px}.preview-image[data-v-12ddc11c]{width:100%;height:auto;max-height:250px;-o-object-fit:cover;object-fit:cover;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.remove-preview[data-v-12ddc11c]{position:absolute;top:-8px;right:-8px;width:24px;height:24px;border-radius:50%;padding:0;display:flex;align-items:center;justify-content:center;font-size:12px}.card-img-container[data-v-0e10fe52]{display:flex;justify-content:center;align-items:center;min-height:300px}.book-cover-image[data-v-0e10fe52]{max-width:100%;max-height:400px;width:auto;height:auto;-o-object-fit:cover;object-fit:cover;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);transition:transform .3s ease}.book-cover-image[data-v-0e10fe52]:hover{transform:scale(1.05)}.card[data-v-0e10fe52]{box-shadow:0 4px 6px rgba(0,0,0,.1);border:none;border-radius:12px;overflow:hidden}.card-body[data-v-0e10fe52]{padding:2rem}.card-title[data-v-0e10fe52]{font-size:1.5rem;font-weight:600;color:#2d3748;margin-bottom:1rem}.card-text[data-v-0e10fe52]{font-size:1rem;line-height:1.6;color:#4a5568;margin-bottom:1.5rem}.btn-secondary[data-v-0e10fe52]{background-color:#6c757d;border-color:#6c757d;padding:.5rem 1.5rem;border-radius:6px;transition:all .3s ease}.btn-secondary[data-v-0e10fe52]:hover{background-color:#5a6268;border-color:#545b62;transform:translateY(-1px)}@media (max-width:768px){.card-img-container[data-v-0e10fe52]{min-height:200px}.book-cover-image[data-v-0e10fe52]{max-height:250px}.card-body[data-v-0e10fe52]{padding:1.5rem}}.book-cover-container[data-v-274f13e9]{height:250px;overflow:hidden;display:flex;justify-content:center;align-items:center;background-color:#f8f9fa}.book-cover[data-v-274f13e9]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.book-cover[data-v-274f13e9]:hover{transform:scale(1.05)}.book-cover-placeholder[data-v-274f13e9]{height:250px;display:flex;justify-content:center;align-items:center;background-color:#e9ecef;color:#6c757d;font-size:2.5rem;border-bottom:1px solid #dee2e6}.card[data-v-274f13e9]{transition:transform .2s ease,box-shadow .2s ease}.card[data-v-274f13e9]:hover{transform:translateY(-5px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.card-body[data-v-274f13e9]{min-height:180px;padding:1rem}.card-title[data-v-274f13e9]{font-size:1rem;font-weight:600;margin-bottom:.75rem}.card-text[data-v-274f13e9]{font-size:.875rem;line-height:1.4}.btn-sm[data-v-274f13e9]{font-size:.8rem;padding:.375rem .5rem}@media (max-width:576px){.book-cover-container[data-v-274f13e9],.book-cover-placeholder[data-v-274f13e9]{height:200px}.book-cover-placeholder[data-v-274f13e9]{font-size:2rem}.card-body[data-v-274f13e9]{min-height:160px;padding:.75rem}}.book-cover-container[data-v-6f6442dd]{height:400px;display:flex;justify-content:center;align-items:center;background-color:#f8f9fa;border-radius:.375rem 0 0 .375rem}.book-cover-detail[data-v-6f6442dd]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:.375rem 0 0 .375rem}.book-cover-placeholder-detail[data-v-6f6442dd]{height:400px;display:flex;justify-content:center;align-items:center;background-color:#e9ecef;color:#6c757d;font-size:4rem;border-radius:.375rem 0 0 .375rem}.card[data-v-6f6442dd]{box-shadow:0 .125rem .25rem rgba(0,0,0,.075);border:1px solid rgba(0,0,0,.125)}.card-body[data-v-6f6442dd]{padding:2rem}@media (max-width:768px){.book-cover-container[data-v-6f6442dd],.book-cover-placeholder-detail[data-v-6f6442dd]{height:250px;border-radius:.375rem .375rem 0 0}.book-cover-detail[data-v-6f6442dd]{border-radius:.375rem .375rem 0 0}}body{font-family:Roboto,sans-serif;background:linear-gradient(135deg,#0f0f23,#1a1a2e);color:#e0e0e0;min-height:100vh}.container{max-width:1200px}.navbar{background:linear-gradient(135deg,#1e3c72,#2a5298);box-shadow:0 4px 20px rgba(0,0,0,.3);border-bottom:2px solid gold}.navbar-brand{font-family:Playfair Display,serif;font-size:1.5rem;font-weight:700;color:gold!important}.nav-link{color:#e0e0e0!important;transition:color .3s ease}.nav-link:hover{color:gold!important}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;padding:10px 20px;font-weight:500;transition:transform .2s ease,box-shadow .2s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(102,126,234,.4)}.btn-success{background:linear-gradient(135deg,#11998e,#38ef7d);border:none;border-radius:25px;padding:10px 20px;font-weight:500;transition:transform .2s ease,box-shadow .2s ease}.btn-success:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(17,153,142,.4)}.card{background:linear-gradient(135deg,#2c3e50,#34495e);border:none;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,.3);color:#e0e0e0;transition:transform .3s ease}.card:hover{transform:translateY(-5px)}.card-header{background:linear-gradient(135deg,#34495e,#2c3e50);border-bottom:1px solid gold;border-radius:15px 15px 0 0!important;color:gold;font-weight:600}.card-body{padding:2rem}.form-control{background:hsla(0,0%,100%,.1);border:1px solid gold;border-radius:10px;color:#e0e0e0;padding:10px 15px}.form-control:focus{background:hsla(0,0%,100%,.2);border-color:gold;box-shadow:0 0 10px rgba(255,215,0,.5)}.form-label{color:gold;font-weight:500}.list-group-item{background:hsla(0,0%,100%,.05);border:1px solid rgba(255,215,0,.3);color:#e0e0e0}h1,h2,h3,h4,h5,h6{font-family:Playfair Display,serif;color:gold}.hero-section{display:flex;align-items:center;justify-content:center;min-height:80vh;background:linear-gradient(135deg,#0f0f23,#1a1a2e 50%,#16213e);text-align:center;padding:2rem}.hero-content{max-width:800px}.hero-title{font-size:3.5rem;font-weight:700;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.hero-subtitle{font-size:1.2rem;margin-bottom:2rem;opacity:.9}.hero-buttons{margin-top:2rem}.login-container{background:linear-gradient(135deg,#0f0f23,#1a1a2e);min-height:100vh;display:flex;align-items:center}.login-card{box-shadow:0 20px 40px rgba(0,0,0,.4)}@media (max-width:768px){.navbar-brand{font-size:1.2rem}.card-body{padding:1.5rem}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1rem}}