body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,maroon,#764ba2);background:linear-gradient(135deg,#85061cf2,#764ba2f2);box-shadow:0 4px 20px #0000001a;padding:1rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.nav-container{padding:0 2rem}.nav-brand{gap:12px;text-decoration:none;transition:transform .3s ease}.nav-brand:hover{transform:translateY(-2px)}.nav-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:2rem}.nav-title{font-size:1.5rem;font-weight:700;letter-spacing:.5px;text-shadow:0 2px 4px #0003}.nav-links{align-items:center;gap:.5rem}.nav-link{border-radius:50px;color:#ffffffd9;font-weight:500;overflow:hidden;padding:.75rem 1.25rem;position:relative}.nav-link:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.nav-link:hover:before{left:100%}.nav-link:focus,.nav-link:hover{background:#ffffff26;box-shadow:0 4px 12px #0003;color:#fff;transform:translateY(-2px)}.nav-link.active{background:#ffffff40;box-shadow:0 4px 12px #0003;color:#fff}.nav-link.active:hover{background:#ffffff4d}.nav-link-icon{font-size:1.1rem;transition:transform .3s ease}.nav-link.active .nav-link-icon,.nav-link:hover .nav-link-icon{transform:scale(1.1)}.nav-actions{align-items:center;display:flex;gap:1rem}.nav-actions .btn{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:50px;box-shadow:0 4px 15px #0000001a;color:#667eea;overflow:hidden;padding:.75rem 1.5rem;position:relative;transition:all .3s ease}.nav-actions .btn:before{background:linear-gradient(90deg,#0000,#667eea1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.nav-actions .btn:hover:before{left:100%}.nav-actions .btn:hover{background:linear-gradient(135deg,#fff,#e9ecef);box-shadow:0 6px 20px #00000026}.nav-actions .btn:active{transform:translateY(0)}.nav-actions .btn-icon{font-size:1rem}.mobile-menu-btn{background:none;border:none;color:#fff;cursor:pointer;display:none;font-size:1.5rem;padding:.5rem}@media (max-width:992px){.nav-container{padding:0 1.5rem}.nav-title{font-size:1.3rem}.nav-link{font-size:.9rem;padding:.6rem 1rem}.nav-actions .btn{font-size:.9rem;padding:.6rem 1.2rem}}@media (max-width:768px){.nav-container{flex-wrap:wrap;padding:0 1rem}.nav-brand{order:1}.mobile-menu-btn{display:block;order:2}.nav-links{background:#667eeaf2;border-radius:10px;box-shadow:0 8px 30px #0003;display:none;flex-direction:column;margin-top:1rem;order:4;padding:1rem;width:100%}.nav-links.mobile-open{display:flex}.nav-link{border-radius:8px;justify-content:center;margin-bottom:.5rem;width:100%}.nav-link:last-child{margin-bottom:0}.nav-actions{margin-left:auto;order:3}.nav-actions .btn{font-size:.85rem;padding:.5rem 1rem}}@media (max-width:480px){.nav-container{padding:.75rem}.nav-icon{font-size:1.6rem}.nav-title{font-size:1.2rem}.nav-actions{display:none}.nav-link,.nav-links{padding:.75rem}.nav-link{font-size:.85rem}}@media (prefers-color-scheme:dark){.navbar{background:linear-gradient(135deg,#566ad6f2,#62418ef2)}.nav-link{color:#ffffffe6}.nav-link.active,.nav-link:hover{background:#fff3}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.nav-links.mobile-open{animation:slideDown .3s ease-out}.mobile-menu-btn:focus-visible,.nav-actions .btn:focus-visible,.nav-link:focus-visible{outline:2px solid #fff;outline-offset:2px}.nav-link.loading{cursor:wait;opacity:.7}.book-list-container{padding:1rem}.book-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.book-header h2{color:#495057;font-size:1.8rem;margin:0}.search-bar{margin-bottom:1.5rem}.search-input input{border:1px solid #ced4da;border-radius:8px;font-size:1rem;padding:.75rem 1rem .75rem 3rem;transition:all .3s ease;width:100%}.search-input input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.book-table-container{background:#fff;border-radius:10px;box-shadow:0 4px 20px #0000001a;margin-bottom:1.5rem;overflow:hidden;overflow-x:auto}.book-table{border-collapse:collapse;min-width:800px;width:100%}.book-table th{background:linear-gradient(135deg,#1a365d,#122a4b);color:#fff;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:1rem;text-align:left;text-transform:uppercase}.book-table td{border-bottom:1px solid #e9ecef;color:#495057;font-size:.95rem;padding:1rem}.book-table tr:hover{background-color:#f8f9fa}.book-table tr:last-child td{border-bottom:none}.status{border-radius:50px;display:inline-block;font-size:.75rem;font-weight:600;min-width:80px;padding:.25rem .75rem;text-align:center}.status.available{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.status.unavailable{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.action-buttons{gap:.5rem}.action-buttons .btn{font-size:.85rem;padding:.5rem .75rem}.page-info{min-width:120px;text-align:center}.modal-overlay{padding:1rem}.modal{animation:modalSlideIn .3s ease-out;border-radius:12px;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal p{color:#6c757d;line-height:1.5;margin-bottom:1.5rem}@media (max-width:768px){.book-header{align-items:flex-start;flex-direction:column;gap:1rem}.book-header h2{font-size:1.5rem}.action-buttons,.pagination{flex-direction:column}.pagination{gap:.5rem}.page-info{order:-1}}@media (max-width:480px){.book-table td,.book-table th{font-size:.85rem;padding:.75rem .5rem}.status{font-size:.7rem;min-width:70px;padding:.2rem .5rem}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.main-content{margin:0 auto;max-width:1200px;padding:20px;width:100%}.navbar{background:linear-gradient(135deg,#1a365d,#122a4b);box-shadow:0 2px 10px #0000001a;color:#fff;padding:1rem 2rem}.nav-container{justify-content:space-between;margin:0 auto;max-width:1200px}.nav-brand,.nav-container{align-items:center;display:flex}.nav-brand{font-size:1.5rem;font-weight:700;gap:10px}.nav-icon{font-size:1.8rem}.nav-links{display:flex;gap:2rem}.nav-link{align-items:center;border-radius:5px;color:#fffc;display:flex;gap:8px;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.nav-link.active,.nav-link:hover{background:#ffffff1a;color:#fff}.nav-link-icon{font-size:1.2rem}.nav-actions .btn{align-items:center;background:#fff;border:none;border-radius:5px;color:#1a365d;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:.5rem 1rem;transition:transform .2s}.nav-actions .btn:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.btn{align-items:center;border:none;border-radius:5px;cursor:pointer;display:inline-flex;font-weight:500;gap:8px;padding:.5rem 1rem;transition:all .3s ease}.btn,.btn-icon{font-size:.9rem}.btn-primary{color:#fff}.btn-primary,.btn-primary:hover{background:linear-gradient(135deg,#1a365d,#122a4b)}.btn-primary:hover{box-shadow:0 4px 12px #85061c66;transform:translateY(-2px)}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#5a6268;transform:translateY(-2px)}.btn-success{background:#28a745;color:#fff}.btn-success:hover{background:#218838;transform:translateY(-2px)}.btn-danger{background:#01651c;color:#fff}.btn-danger:hover{background:#01651c;transform:translateY(-2px)}.btn-edit{background:#17a2b8;color:#fff}.btn-edit:hover{background:#138496}.btn-delete{background:#dc3545;color:#fff}.btn-delete:hover{background:#c82333}.form-container{background:#fff;border-radius:10px;box-shadow:0 4px 20px #0000001a;margin:2rem auto;max-width:500px;padding:2rem}.form-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding-bottom:1rem}.form-group,.form-header{margin-bottom:1.5rem}.form-group label{color:#495057;display:block;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{border:1px solid #ced4da;border-radius:5px;font-size:1rem;padding:.75rem;transition:border-color .3s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#1a365d;box-shadow:0 0 0 3px #667eea1a;outline:none}.input-error{border-color:#01651c!important}.error-text{color:#920218;font-size:.875rem;margin-top:.25rem}.error-message{border-radius:5px;color:#ba0022;margin-bottom:1rem;padding:.75rem}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.table-container{background:#fff;border-radius:10px;box-shadow:0 4px 20px #0000001a;margin:1rem 0;overflow:hidden}.table{border-collapse:collapse;min-width:650px;width:100%}.table th{background:linear-gradient(135deg,#1a365d,#122a4b);color:#fff;font-weight:600;padding:1rem;text-align:left}.table td{border-bottom:1px solid #e9ecef;padding:1rem}.table tr:hover{background-color:#f8f9fa}.table tr:last-child td{border-bottom:none}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{background:#fff;border-radius:10px;box-shadow:0 10px 40px #0003;max-height:90vh;max-width:500px;overflow-y:auto;padding:2rem;width:90%}.modal h3{color:#495057;margin-bottom:1rem}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.badge{display:inline-block;padding:.25rem .75rem}.badge-available{background:#d4edda;color:#155724}.badge-unavailable{background:#f8d7da;color:#721c24}.badge-returned{background:#d4edda}.badge-overdue{background:#fff3cd}.badge-active{background:#d1ecf1;color:#0c5460}.dashboard{padding:2rem}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:2rem 0}.stat-card{background:#fff;border-radius:10px;box-shadow:0 4px 20px #0000001a;padding:1.5rem;text-align:center}.stat-number{color:#0f0f0f;font-size:2.5rem;font-weight:700;margin:1rem 0}.stat-desc{color:#6c757d;font-size:.9rem}.status-healthy{color:#28a745!important}.status-unhealthy{color:#dc3545!important}.quick-actions{background:#fff;border-radius:10px;box-shadow:0 4px 20px #0000001a;margin-top:2rem;padding:1.5rem}.quick-actions h2{color:#495057;margin-bottom:1rem}.action-buttons{display:flex;flex-wrap:wrap;gap:1rem}.loading{font-size:1.2rem;padding:2rem}.loan-card,.member-card{background:#fff;border-radius:10px;box-shadow:0 4px 20px #0000001a;margin-bottom:1rem;padding:1.5rem;transition:transform .3s ease}.loan-card:hover,.member-card:hover{transform:translateY(-5px)}.member-avatar{align-items:center;background:linear-gradient(135deg,#1a365d,#122a4b);border-radius:50%;color:#fff;display:flex;font-size:1.5rem;height:60px;justify-content:center;margin-right:1rem;width:60px}.member-info h3{color:#495057;margin-bottom:.5rem}.member-email,.member-joined{align-items:center;color:#6c757d;display:flex;gap:.5rem;margin:.25rem 0}.member-id{color:#adb5bd;font-size:.8rem;margin-top:.5rem}.member-actions{display:flex;gap:.5rem;margin-top:1rem}.loan-card-header{margin-bottom:1rem;padding-bottom:.5rem}.loan-id{font-size:.8rem}.loan-details{display:flex;flex-direction:column;gap:.75rem}.loan-item{gap:1rem}.loan-icon{color:#1a365d;font-size:1.2rem;margin-top:.25rem}.loan-item strong{margin-bottom:.25rem}.loan-actions{margin-top:1rem}.text-danger{color:#920218}.pagination{align-items:center;background:#fff;border-radius:10px;box-shadow:0 4px 20px #0000001a;display:flex;gap:1rem;justify-content:center;margin-top:2rem;padding:1rem}.page-info{color:#495057;font-weight:600}.search-bar{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin:1rem 0;padding:1rem}.search-bar input{border:1px solid #ced4da;border-radius:5px;font-size:1rem;padding:.75rem;width:100%}.search-input{position:relative}.search-icon{color:#6c757d;left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.search-bar input{padding-left:3rem}.loan-form-container{border-radius:10px;max-width:600px}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-icon{color:#667eea;margin-right:.5rem}.form-text{color:#6c757d;font-size:.875rem;margin-top:.25rem}.warning-message{border-radius:5px}.form-group select{background-color:#fff;border:1px solid #ced4da;border-radius:5px;cursor:pointer;font-size:1rem;padding:.75rem;width:100%}.form-group select:focus{border-color:#1a365d;box-shadow:0 0 0 3px #85061c1a;outline:none}.form-group option{padding:.5rem}@media (max-width:992px){.nav-container{flex-direction:column;gap:1rem}.nav-links{gap:1rem}}@media (max-width:768px){.nav-links{background:#020739f2;border-radius:8px;display:none;flex-direction:column;margin-top:.5rem;padding:1rem 0;width:100%}.nav-links.mobile-open{display:flex}.nav-actions{margin-left:auto}.mobile-menu-btn{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:inline-flex;font-size:1.5rem;justify-content:center;padding:.25rem}.nav-brand{flex:1 1}.navbar{padding:1rem}.stats-grid{grid-template-columns:1fr}.quick-actions .action-buttons{flex-direction:column}.quick-actions .action-buttons .btn{width:100%}.table-container{overflow-x:auto}.table{font-size:.85rem;min-width:600px}.table td,.table th{padding:.75rem}.loan-card,.member-card{padding:1rem}.member-avatar{font-size:1.2rem;height:50px;margin:0 auto .75rem;width:50px}.member-actions,.member-info{text-align:center}.member-actions{flex-direction:column;gap:.5rem}.form-container,.modal{max-width:95%;padding:1.5rem}.form-group input,.form-group select,.form-group textarea{font-size:.95rem}.form-row{grid-template-columns:1fr}}@media (max-width:576px){.pagination{flex-direction:column;gap:.75rem}.pagination .btn{width:100%}}@media (max-width:480px){body{font-size:.95rem}.navbar{padding:.75rem 1rem}.nav-brand{font-size:1.2rem}.nav-icon{font-size:1.5rem}.nav-link{font-size:.9rem;padding:.4rem .8rem}.nav-actions .btn{font-size:.85rem;padding:.4rem .8rem}.btn{font-size:.8rem;padding:.4rem .8rem}.stat-number{font-size:2rem}.quick-actions,.stat-card{padding:1rem}.action-buttons .btn{font-size:.85rem}.loan-card,.member-card{padding:.75rem}.member-avatar{font-size:1rem;height:45px;width:45px}}.app{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1}.app-footer{background:#1a365d;border-top:1px solid #ffffff14;color:#e5e7eb;padding:16px 24px}.footer-content{margin:0 auto;max-width:1200px;text-align:center}.app-footer p{font-size:.85rem;line-height:1.4}.footer-subtext{color:#9ca3af;font-size:.75rem;margin-top:4px}@media (max-width:768px){.app-footer{padding:14px 16px}.app-footer p{font-size:.8rem}}.loan-list-container{padding:1rem}.loan-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.loan-header h2{color:#495057;font-size:1.8rem;margin:0}.loan-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:2rem}.loan-card{background:#fff;border:1px solid #0000;border-radius:12px;box-shadow:0 4px 20px #0000001a;display:flex;flex-direction:column;padding:1.5rem;transition:all .3s ease}.loan-card:hover{border-color:#122a4b;box-shadow:0 8px 30px #00000026;transform:translateY(-5px)}.loan-card-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:1.2rem;padding-bottom:.8rem}.loan-id{background:#f8f9fa;border-radius:4px;color:#adb5bd;font-family:monospace;font-size:.85rem;padding:.25rem .5rem}.loan-details{flex:1 1}.loan-item{align-items:flex-start;display:flex;gap:.8rem;margin-bottom:1rem}.loan-item:last-child{margin-bottom:0}.loan-icon{color:#122a4b;flex-shrink:0;font-size:1.1rem;margin-top:.2rem}.loan-item strong{color:#495057;display:block;font-size:.9rem;font-weight:600;margin-bottom:.2rem}.loan-item p{color:#6c757d;font-size:.95rem;line-height:1.4;margin:0}.loan-dates{grid-gap:1rem;border-bottom:1px solid #e9ecef;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin:1rem 0;padding:1rem 0}.loan-actions,.loan-dates{border-top:1px solid #e9ecef}.loan-actions{margin-top:1.5rem;padding-top:1rem;text-align:right}.loan-actions .btn{justify-content:center;min-width:120px}.badge{border-radius:50px;font-size:.75rem;font-weight:600;letter-spacing:.3px;padding:.35rem .85rem;text-transform:uppercase}.badge-returned{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:1px solid #b1dfbb;color:#155724}.badge-overdue{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:1px solid #ffdf7e;color:#856404}.badge-active{background:linear-gradient(135deg,#d1ecf1,#bee5eb);border:1px solid #122a4b;color:#122a4b}.text-danger{color:#dc3545;font-weight:600}.loading{background:#fff;border-radius:10px;box-shadow:0 4px 20px #0000001a;color:#6c757d;font-size:1.1rem;grid-column:1/-1;padding:3rem;text-align:center}.error-message{background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24;grid-column:1/-1;margin:1rem 0;padding:1rem}.loan-form-container{animation:formSlideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;max-width:500px;padding:2rem;width:100%}.loan-form-container .form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.loan-form-container .form-icon{color:#122a4b;margin-right:.5rem}.loan-form-container .form-text{color:#6c757d;font-size:.85rem;margin-top:.25rem}.loan-form-container select{background-color:#fff;border:1px solid #ced4da;border-radius:8px;cursor:pointer;font-size:1rem;padding:.75rem;transition:all .3s ease;width:100%}.loan-form-container select:focus{border-color:#122a4b;box-shadow:0 0 0 3px #667eea1a;outline:none}.warning-message{align-items:center;background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;color:#856404;display:flex;gap:.5rem;margin-bottom:1rem;padding:.75rem}@media (max-width:768px){.loan-header{align-items:flex-start;flex-direction:column;gap:1rem}.loan-header h2{font-size:1.5rem}.loan-cards{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.loan-dates,.loan-form-container .form-row{grid-template-columns:1fr}}@media (max-width:480px){.loan-cards{grid-template-columns:1fr}.loan-card{padding:1.2rem}.loan-actions .btn{width:100%}.loan-form-container{padding:1.2rem}}
/*# sourceMappingURL=main.52aa51b7.css.map*/