@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;600;700;800&family=Open+Sans:ital,wght@0,300;0,400;0,600;1,300;1,400&display=swap";.book-list-container{animation:fadeIn .5s ease-out}.book-list-header{margin-bottom:1.75rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-light-2);display:flex;flex-direction:column;gap:1rem}.header-content h1{font-family:var(--font-display);font-size:2rem;font-weight:800;color:var(--color-dark);margin-bottom:.25rem;letter-spacing:-.01em}.header-content h1:after{content:"";display:block;width:48px;height:3px;background:var(--color-primary);border-radius:2px;margin-top:.4rem}.subtitle{font-size:.9rem;color:var(--color-dark);opacity:.55;font-style:italic;margin-top:.75rem}.search-bar{display:flex;gap:.5rem;max-width:560px;width:100%;position:relative;margin-top:.25rem}.search-bar input{flex:1;padding:.75rem 2.75rem .75rem 1.25rem;border:1.5px solid var(--color-light-2);border-radius:50px;font-size:.9rem;font-family:var(--font-body);background:var(--color-white);color:var(--color-dark);transition:var(--transition)}.search-bar input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #c697601f}.clear-search-button{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--color-dark);opacity:.4;cursor:pointer;font-size:1.1rem;padding:.3rem;transition:var(--transition)}.clear-search-button:hover{opacity:.9;color:var(--color-danger)}.filters-section{margin-bottom:1.75rem;background:var(--color-light);padding:1.25rem 1.5rem;border-radius:12px;border:1px solid var(--color-light-2)}.filters-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.875rem;align-items:end}.filter-group{display:flex;flex-direction:column;gap:.35rem}.filter-group label{font-size:.72rem;font-weight:700;color:var(--color-dark);opacity:.5;text-transform:uppercase;letter-spacing:.07em;font-family:var(--font-display)}.filter-select{padding:.6rem .875rem;border:1.5px solid var(--color-light-2);border-radius:8px;font-family:var(--font-body);font-size:.875rem;color:var(--color-dark);background:var(--color-white);cursor:pointer;transition:var(--transition)}.filter-select:hover{border-color:var(--color-beige)}.filter-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #c697601a}.clear-filters-button{padding:.6rem 1.25rem;background:transparent;color:var(--color-danger);border:1.5px solid var(--color-danger);border-radius:8px;font-family:var(--font-display);font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:var(--transition);white-space:nowrap}.clear-filters-button:hover{background:var(--color-danger);color:var(--color-white)}.results-info{margin-top:.875rem;padding-top:.875rem;border-top:1px solid var(--color-light-2);font-size:.85rem;color:var(--color-dark);opacity:.55;font-weight:500}.books-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:1.75rem;margin-top:1.75rem;align-items:start}.book-card{background:var(--color-white);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm);transition:var(--transition);animation:fadeIn .45s ease-out backwards;display:flex;flex-direction:column;border:1px solid var(--color-light-2);cursor:pointer;position:relative}.book-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--color-primary);transform:scaleY(0);transform-origin:bottom;transition:transform .3s ease;border-radius:0;z-index:1}.book-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--color-beige)}.book-card:hover:before{transform:scaleY(1)}.book-cover{position:relative;width:100%;height:340px;overflow:hidden}.book-cover img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.book-card:hover .book-cover img{transform:scale(1.04)}.book-overlay{position:absolute;top:0;left:0;right:0;padding:.875rem;background:linear-gradient(to bottom,rgba(32,34,34,.65),transparent);display:flex;justify-content:flex-end}.book-genre{background:var(--color-primary);color:var(--color-dark);padding:.3rem .7rem;border-radius:20px;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-family:var(--font-display)}.book-view-hint{position:absolute;bottom:0;left:0;right:0;padding:.875rem;background:linear-gradient(to top,rgba(32,34,34,.88),transparent);color:var(--color-primary);text-align:center;font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-family:var(--font-display);opacity:0;transform:translateY(4px);transition:opacity .22s ease,transform .22s ease;pointer-events:none}.book-card:hover .book-view-hint{opacity:1;transform:translateY(0)}.book-details{padding:1.25rem 1.25rem 1rem;display:flex;flex-direction:column;gap:.6rem}.book-title{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--color-dark);line-height:1.35;margin:0;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em}.book-author{font-size:.875rem;color:var(--color-gold);font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.book-description{font-size:.875rem;color:var(--color-dark);opacity:.7;line-height:1.6;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;min-height:4.2em}.book-meta{display:flex;justify-content:space-between;align-items:center;padding-top:.625rem;border-top:1px solid var(--color-light-2);font-size:.82rem}.book-year{color:var(--color-primary);font-weight:700;font-family:var(--font-display);font-size:.78rem}.book-availability{color:var(--color-dark);opacity:.55;font-size:.8rem}.borrow-button{width:100%;padding:.75rem;background:var(--color-dark);color:var(--color-primary);border:none;border-radius:8px;font-family:var(--font-display);font-size:.82rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;cursor:pointer;transition:var(--transition);margin-top:.5rem}.borrow-button:hover:not(:disabled){background:var(--color-primary);color:var(--color-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.borrow-button.borrowed{background:var(--color-olive);color:var(--color-white);cursor:default}.borrow-button.queue-mode{background:var(--color-slate);color:var(--color-white)}.borrow-button.queue-mode:hover:not(:disabled){background:#6d85a0;color:var(--color-white)}.borrow-button:disabled{background:var(--color-light);color:var(--color-dark);opacity:.45;cursor:not-allowed;transform:none}.queue-status{margin-top:.5rem}.queue-position{background:#899cad1a;color:var(--color-slate);border:1px solid rgba(137,156,173,.3);padding:.6rem 1rem;border-radius:8px;font-weight:600;text-align:center;margin-bottom:.5rem;font-size:.875rem}.leave-queue-button{width:100%;padding:.75rem;background:transparent;color:var(--color-danger);border:1.5px solid var(--color-danger);border-radius:8px;font-family:var(--font-display);font-size:.82rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:var(--transition)}.leave-queue-button:hover:not(:disabled){background:var(--color-danger);color:var(--color-white)}.leave-queue-button:disabled{opacity:.45;cursor:not-allowed}.error-message{background:#fef2f2;color:var(--color-danger);padding:.875rem 1.25rem;border-radius:8px;margin-bottom:1.5rem;border:1px solid #fca5a5;font-weight:500;font-size:.9rem}.empty-state p{font-size:1rem;color:var(--color-dark);opacity:.55;margin-bottom:1.5rem}.reset-button{padding:.75rem 1.75rem;background:var(--color-primary);color:var(--color-dark);border:none;border-radius:8px;font-family:var(--font-display);font-size:.82rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:var(--transition)}.reset-button:hover{background:var(--color-dark);color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.pagination{display:flex;align-items:center;justify-content:center;gap:.35rem;margin-top:2.5rem;padding-top:1.75rem;border-top:1px solid var(--color-light-2);flex-wrap:wrap}.page-btn{min-width:36px;height:36px;padding:0 .6rem;border:1.5px solid var(--color-light-2);border-radius:7px;background:var(--color-white);color:var(--color-dark);font-family:var(--font-display);font-size:.82rem;font-weight:600;cursor:pointer;transition:var(--transition)}.page-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-1px)}.page-btn.active{background:var(--color-dark);border-color:var(--color-dark);color:var(--color-primary)}.page-btn:disabled{opacity:.3;cursor:not-allowed;transform:none}.page-nav{min-width:64px;font-weight:700}.page-ellipsis{color:var(--color-dark);opacity:.35;font-size:1rem;line-height:36px;padding:0 .2rem}.book-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#202222c7;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1.5rem;animation:fadeIn .18s ease-out}.book-modal{background:var(--color-white);border-radius:16px;width:100%;max-width:820px;max-height:90vh;overflow-y:auto;box-shadow:0 32px 80px #00000073;position:relative;animation:modalIn .25s cubic-bezier(.34,1.4,.64,1)}@keyframes modalIn{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.book-modal-close{position:absolute;top:1rem;right:1rem;width:34px;height:34px;border-radius:50%;border:none;background:#20222214;color:var(--color-dark);font-size:.95rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition);z-index:10}.book-modal-close:hover{background:var(--color-danger);color:#fff;transform:rotate(90deg)}.book-modal-inner{display:grid;grid-template-columns:240px 1fr;min-height:400px}.book-modal-cover-col{background:var(--color-dark);border-radius:16px 0 0 16px;padding:2rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.book-modal-cover{width:100%;max-width:180px;aspect-ratio:2/3;object-fit:cover;border-radius:8px;box-shadow:0 12px 32px #00000080;border:2px solid rgba(198,151,96,.3)}.book-modal-genre-tag{background:var(--color-primary);color:var(--color-dark);padding:.3rem .875rem;border-radius:20px;font-size:.72rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;font-family:var(--font-display);text-align:center}.modal-availability{display:flex;align-items:center;gap:.4rem;font-size:.82rem;font-weight:600;color:#ffffffb3}.modal-availability.available{color:#86d1a0}.modal-availability.unavailable{color:#f87171}.avail-dot{width:8px;height:8px;border-radius:50%;background:currentColor;flex-shrink:0}.book-modal-info{padding:2rem 3.5rem 2rem 1.75rem;display:flex;flex-direction:column;gap:1rem}.book-modal-title{font-family:var(--font-display);font-size:1.6rem;font-weight:800;color:var(--color-dark);line-height:1.2;margin:0}.book-modal-author{font-size:1rem;color:var(--color-gold);font-style:italic;margin:-.25rem 0 0}.book-modal-avail{display:inline-flex;align-items:center;padding:.4rem .875rem;border-radius:20px;font-size:.82rem;font-weight:700;width:fit-content;font-family:var(--font-display);letter-spacing:.04em}.book-modal-avail.avail-yes{background:#808e6b1f;color:var(--color-olive);border:1.5px solid rgba(128,142,107,.3)}.book-modal-avail.avail-no{background:#b91c1c12;color:var(--color-danger);border:1.5px solid rgba(185,28,28,.2)}.book-modal-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem 1.25rem;padding:1rem 1.25rem;background:var(--color-light);border-radius:10px;border:1px solid var(--color-light-2)}.meta-item{display:flex;flex-direction:column;gap:.15rem}.meta-item--shelf{grid-column:1 / -1}.meta-value--shelf{color:var(--color-primary)!important;background:#c697601a;border:1px solid rgba(198,151,96,.3);border-radius:5px;padding:.2rem .6rem;display:inline-block;font-size:.85rem!important}.meta-label{font-size:.68rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--color-dark);opacity:.4;font-family:var(--font-display)}.meta-value{font-size:.9rem;font-weight:600;color:var(--color-dark)}.book-modal-desc-section{display:flex;flex-direction:column;gap:.4rem}.book-modal-desc-heading{font-family:var(--font-display);font-size:.72rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--color-dark);opacity:.4}.book-modal-desc{font-size:.9rem;line-height:1.75;color:var(--color-dark);opacity:.8;white-space:pre-line}.book-modal-action{margin-top:auto;padding-top:.75rem;border-top:1px solid var(--color-light-2)}.book-modal-action .borrow-button,.book-modal-action .leave-queue-button{width:100%}@media (max-width: 700px){.book-modal-overlay{padding:0;align-items:flex-end}.book-modal{max-height:95vh;border-radius:20px 20px 0 0}.book-modal-inner{grid-template-columns:1fr}.book-modal-cover-col{border-radius:20px 20px 0 0;flex-direction:row;align-items:flex-start;padding:1.25rem;gap:1rem}.book-modal-cover{max-width:90px;flex-shrink:0}.book-modal-info{padding:1.25rem}.book-modal-title{font-size:1.3rem}.book-modal-close{position:fixed;top:auto;bottom:calc(95vh - 2.75rem);right:1rem;width:36px;height:36px;background:var(--color-dark);color:var(--color-primary);border:2px solid rgba(198,151,96,.4);font-size:1rem;box-shadow:0 4px 12px #00000059;z-index:1100}.book-modal-close:hover{background:var(--color-danger);color:#fff;transform:rotate(90deg);border-color:var(--color-danger)}}@media (max-width: 480px){.book-modal-meta-grid{grid-template-columns:1fr}.books-grid{grid-template-columns:1fr 1fr;gap:.875rem;margin-top:1.25rem}.book-cover{height:200px}.book-details{padding:.65rem .7rem .75rem;gap:.3rem;flex:none}.book-title{font-size:.82rem;line-height:1.25;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.5em}.book-author{font-size:.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.book-description,.book-year{display:none}.book-availability{font-size:.7rem}.book-meta{padding-top:.4rem;justify-content:flex-end}.borrow-button{padding:.55rem .5rem;font-size:.68rem;letter-spacing:.04em;margin-top:.3rem}.book-genre{font-size:.6rem;padding:.2rem .45rem}}.filters-mobile{display:none}@media (max-width: 480px){.filters-desktop{display:none}.filters-mobile{display:block;margin-bottom:.75rem}.mobile-filter-strip{display:flex;gap:.5rem;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:0 0 .5rem}.mobile-filter-strip::-webkit-scrollbar{display:none}.mobile-filter-btn{display:flex;align-items:center;gap:.35rem;white-space:nowrap;flex-shrink:0;padding:.45rem .875rem;border-radius:50px;border:1.5px solid var(--color-primary);background:#c697601a;font-family:var(--font-body);font-size:.75rem;font-weight:700;color:var(--color-primary);cursor:pointer;transition:var(--transition)}.mobile-filter-btn.has-filters{background:var(--color-primary);color:var(--color-dark)}.mobile-genre-pill{white-space:nowrap;flex-shrink:0;padding:.45rem .875rem;border-radius:50px;border:1.5px solid var(--color-light-2);background:var(--color-white);font-family:var(--font-body);font-size:.75rem;font-weight:600;color:var(--color-dark);opacity:.7;cursor:pointer;transition:var(--transition);box-shadow:0 1px 4px #0000000f}.mobile-genre-pill.active{background:var(--color-dark);color:var(--color-primary);border-color:var(--color-dark);opacity:1}.mobile-results-info{font-size:.72rem;color:var(--color-dark);opacity:.5;font-weight:500;padding:.15rem 0}.filter-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a120b8c;z-index:500;animation:fadeIn .2s ease;display:flex;align-items:flex-end}.filter-drawer{width:100%;background:var(--color-white);border-radius:24px 24px 0 0;padding:0 1.25rem 2.5rem;max-height:82vh;overflow-y:auto;animation:drawerUp .28s cubic-bezier(.34,1.1,.64,1)}@keyframes drawerUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.drawer-handle{width:36px;height:4px;background:var(--color-light-2);border-radius:2px;margin:.875rem auto 1.25rem}.drawer-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.drawer-title{font-family:var(--font-display);font-size:1.25rem;font-weight:800;color:var(--color-dark)}.drawer-clear-btn{background:none;border:none;font-family:var(--font-body);font-size:.82rem;font-weight:600;color:var(--color-danger);cursor:pointer;padding:.25rem 0}.drawer-section{margin-bottom:1.25rem}.drawer-section-label{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-dark);opacity:.4;font-family:var(--font-display);margin-bottom:.6rem}.drawer-pills{display:flex;flex-wrap:wrap;gap:.4rem}.drawer-pills-scroll{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:.25rem}.drawer-pills-scroll::-webkit-scrollbar{display:none}.drawer-pill{white-space:nowrap;padding:.4rem .875rem;border-radius:50px;border:1.5px solid var(--color-light-2);background:var(--color-light);font-family:var(--font-body);font-size:.78rem;font-weight:600;color:var(--color-dark);opacity:.75;cursor:pointer;transition:var(--transition);flex-shrink:0}.drawer-pill.active{background:var(--color-dark);color:var(--color-primary);border-color:var(--color-dark);opacity:1}.drawer-apply-btn{display:block;width:100%;padding:1rem;margin-top:.75rem;background:var(--color-dark);color:var(--color-primary);border:none;border-radius:12px;font-family:var(--font-display);font-size:.95rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:var(--transition)}.drawer-apply-btn:hover{background:var(--color-primary);color:var(--color-dark)}}.borrowing-list-container{animation:fadeIn .6s ease-out}.borrowing-list-header{margin-bottom:1.5rem}.borrowing-list-header h1{font-family:var(--font-display);font-size:2rem;font-weight:700;color:var(--color-dark);margin-bottom:.5rem;letter-spacing:-.02em}.borrowing-section{margin-bottom:2.5rem}.section-title{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--color-dark);margin-bottom:2rem;padding-bottom:.75rem;border-bottom:2px solid var(--color-primary);display:inline-block}.borrowings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.borrowing-card{background:var(--color-white);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm);transition:var(--transition);animation:fadeIn .5s ease-out backwards;display:flex;flex-direction:column;border:2px solid transparent}.borrowing-card.pending{border-color:var(--color-warning)}.borrowing-card.ready{border-color:var(--color-accent)}.borrowing-card.collected{border-color:var(--color-success)}.borrowing-card.overdue{border-color:var(--color-danger);background:linear-gradient(to bottom,#FEF2F2,var(--color-white))}.borrowing-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.borrowing-cover{position:relative;width:100%;height:320px;overflow:hidden}.borrowing-cover img{width:100%;height:100%;object-fit:cover}.overdue-badge{position:absolute;top:1rem;right:1rem;background:var(--color-danger);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;box-shadow:var(--shadow-md)}.status-badge{position:absolute;top:1rem;right:1rem;color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;box-shadow:var(--shadow-md)}.status-badge.status-pending{background:var(--color-warning)}.status-badge.status-ready{background:var(--color-accent)}.status-badge.status-collected{background:var(--color-success)}.status-badge.status-returned{background:#6b7280}.borrowing-details{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.borrowing-title{font-family:var(--font-display);font-size:1.6rem;font-weight:700;color:var(--color-dark);line-height:1.3;margin:0}.borrowing-author{font-size:1.05rem;color:var(--color-dark);opacity:.7;font-style:italic}.borrowing-info{padding:1rem;background:var(--color-light);border-radius:8px;margin-top:1rem}.info-text{font-size:.95rem;color:var(--color-dark);margin-bottom:.5rem}.info-text:last-child{margin-bottom:0}.info-note{font-size:.9rem;color:var(--color-dark);opacity:.6;font-style:italic;margin-top:.5rem}.info-highlight{font-size:1rem;color:var(--color-accent);font-weight:600;margin-top:.5rem}.borrowing-dates{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1rem;background:var(--color-light);border-radius:8px;margin-top:.5rem}.date-item{display:flex;flex-direction:column;gap:.25rem}.date-label{font-size:.85rem;color:var(--color-dark);opacity:.6;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.date-value{font-size:1rem;color:var(--color-dark);font-weight:600}.date-value.overdue-text{color:var(--color-danger)}.due-soon-warning,.overdue-warning{padding:.75rem 1rem;border-radius:8px;font-size:.95rem;font-weight:600;text-align:center}.due-soon-warning{background:#fef3c7;color:var(--color-warning);border:1px solid var(--color-warning)}.overdue-warning{background:#fee2e2;color:var(--color-danger);border:1px solid var(--color-danger)}.action-button{width:100%;padding:1rem;border:none;border-radius:8px;font-family:var(--font-body);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition);margin-top:.5rem}.collect-button{background:var(--color-accent);color:var(--color-white)}.collect-button:hover:not(:disabled){background:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.return-button{background:var(--color-primary);color:var(--color-white)}.return-button:hover:not(:disabled){background:var(--color-accent);transform:translateY(-2px);box-shadow:var(--shadow-md)}.action-button:disabled{opacity:.6;cursor:not-allowed}.history-list{display:flex;flex-direction:column;gap:1rem}.history-item{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:var(--color-white);border-radius:12px;box-shadow:var(--shadow-sm);transition:var(--transition);animation:slideIn .4s ease-out}.history-item:hover{box-shadow:var(--shadow-md);transform:translate(4px)}.history-cover{width:80px;height:120px;object-fit:cover;border-radius:6px;box-shadow:var(--shadow-sm)}.history-info{flex:1}.history-info h4{font-family:var(--font-display);font-size:1.3rem;font-weight:600;color:var(--color-dark);margin-bottom:.25rem}.history-author{font-size:1rem;color:var(--color-dark);opacity:.7;font-style:italic;margin-bottom:.5rem}.history-dates{font-size:.9rem;color:var(--color-dark);opacity:.6}.history-status{display:flex;align-items:center}.returned-badge{background:var(--color-success);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.empty-state .empty-icon{font-size:5rem;margin-bottom:1rem;opacity:.3}.empty-state h2{font-family:var(--font-display);font-size:2.5rem;color:var(--color-dark);margin-bottom:1rem}@media (max-width: 1024px){.borrowing-list-header h1{font-size:3rem}.borrowings-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width: 768px){.borrowing-list-header{padding:1.5rem 0}.borrowing-list-header h1{font-size:2.5rem}.borrowing-list-header p{font-size:1rem}.section-title{font-size:1.6rem}.borrowings-grid{grid-template-columns:1fr;gap:1.5rem}.borrowing-card{padding:1.25rem}.borrowing-cover{height:280px}.borrowing-title{font-size:1.3rem}.borrowing-author{font-size:1rem}.borrowing-info{padding:1rem}.borrowing-dates{grid-template-columns:1fr;gap:.75rem}.action-button{padding:.875rem 1.5rem;font-size:.95rem}.history-item{flex-direction:column;text-align:center;padding:1.25rem}.history-cover{width:100px;height:150px;margin:0 auto}}@media (max-width: 480px){.borrowing-list-header h1{font-size:1.5rem}.borrowing-list-header p{font-size:.95rem}.section-title{font-size:1.4rem}.borrowings-grid{gap:1.25rem}.borrowing-card{padding:1rem}.borrowing-cover{height:240px}.borrowing-title{font-size:1.2rem}.borrowing-author{font-size:.95rem}.status-badge{font-size:.75rem;padding:.4rem .8rem}.borrowing-info{padding:.875rem}.info-text{font-size:.9rem}.date-label,.date-value{font-size:.85rem}.action-button{padding:.75rem 1.25rem;font-size:.9rem}.history-item{padding:1rem}.history-title{font-size:1.1rem}.history-dates{font-size:.85rem}}.renewal-badge{position:absolute;top:8px;right:8px;background:var(--color-accent);color:#fff;padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:600;box-shadow:0 2px 4px #0000001a;z-index:1}.renewed-badge{background:var(--color-success);color:#fff;padding:8px 16px;border-radius:8px;font-size:.9rem;font-weight:600;text-align:center;margin-top:12px;box-shadow:0 2px 8px #0000001a}.renew-button{background:var(--color-accent);color:var(--color-white)}.renew-button:hover{background:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.renew-button:disabled{background:var(--color-light);cursor:not-allowed;transform:none}.renew-disabled{background:var(--color-light)!important;color:var(--color-danger)!important;border:1.5px solid rgba(185,28,28,.25)!important;cursor:not-allowed!important;opacity:.75}.rejected-item{border-left:4px solid var(--color-danger);background:#fef2f2}.rejection-reason{margin-top:8px;padding:8px;background:#fff;border-radius:6px;font-size:.9rem;color:#555;border-left:3px solid var(--color-danger)}.rejection-reason strong{color:var(--color-danger)}.rejected-badge{background:var(--color-danger);color:#fff;padding:8px 16px;border-radius:8px;font-size:.9rem;font-weight:600;text-align:center;margin-top:12px;box-shadow:0 2px 8px #0000001a}.status-rejected{background:var(--color-danger)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .2s}.modal-content{background:var(--color-white);border-radius:12px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s}.modal-header{padding:1.5rem;border-bottom:1px solid var(--color-light);display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;font-size:1.5rem;color:var(--color-dark)}.modal-close{background:none;border:none;font-size:1.5rem;color:var(--color-secondary);cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.modal-close:hover{background:var(--color-background);color:var(--color-dark)}.modal-body{padding:1.5rem}.modal-body .book-title{font-size:1.2rem;font-weight:600;color:var(--color-dark);margin-bottom:.5rem}.modal-body .current-due{color:var(--color-dark);opacity:.8;margin-bottom:1.5rem}.renewal-duration{margin-bottom:1.5rem}.renewal-duration label{display:block;font-weight:600;color:var(--color-dark);margin-bottom:.5rem}.renewal-duration select{width:100%;padding:.75rem;border:2px solid var(--color-light);border-radius:8px;font-size:1rem;background:var(--color-white);cursor:pointer;transition:all .2s}.renewal-duration select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #c17d3a1a}.renewal-note{background:var(--color-background);border-left:4px solid var(--color-primary);padding:1rem;border-radius:8px;color:var(--color-dark);font-size:.9rem;line-height:1.5}.modal-footer{padding:1.5rem;border-top:1px solid var(--color-light);display:flex;gap:1rem;justify-content:flex-end}.cancel-button,.submit-button{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;border:none;font-size:1rem}.cancel-button{background:var(--color-light);color:var(--color-dark)}.cancel-button:hover{background:var(--color-secondary)}.submit-button{background:var(--color-accent);color:#fff}.submit-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #c17d3a66}.submit-button:disabled{background:var(--color-light);cursor:not-allowed;transform:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.borrowing-list-header h1{font-weight:800;color:var(--color-dark);letter-spacing:-.01em}.borrowing-list-header h1:after{content:"";display:block;width:40px;height:3px;background:var(--color-primary);border-radius:2px;margin-top:.4rem}.section-title{font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-dark);opacity:.5;border-bottom:none;padding-left:.875rem;border-left:3px solid var(--color-primary);margin-bottom:1.25rem}.borrowing-card{border-width:1px;border-color:var(--color-light-2)}.borrowing-card.pending{border-color:var(--color-primary);border-width:2px}.borrowing-card.ready{border-color:var(--color-olive);border-width:2px}.borrowing-card.collected{border-color:var(--color-slate);border-width:2px}.borrowing-card.overdue{border-color:var(--color-danger);border-width:2px}.resource-list-container{animation:fadeIn .6s ease-out}.resource-list-header{margin-bottom:1.5rem}.resource-list-header .header-content h1{font-family:var(--font-display);font-size:2.2rem;font-weight:700;color:var(--color-primary);margin-bottom:.5rem;letter-spacing:-.02em}.resources-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;animation:fadeIn .6s ease-out}.resource-card{background:var(--color-white);border-radius:12px;padding:2rem;box-shadow:var(--shadow-sm);transition:var(--transition);animation:fadeIn .5s ease-out backwards;border:2px solid var(--color-light);display:flex;gap:1.5rem}.resource-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-secondary)}.resource-icon{font-size:2.2rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:var(--color-light);border-radius:12px}.resource-details{flex:1;display:flex;flex-direction:column;gap:.75rem}.resource-title{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--color-dark);line-height:1.3;margin:0}.resource-description{font-size:.95rem;color:var(--color-dark);opacity:.8;line-height:1.6;margin:0}.resource-meta{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:var(--color-light);border-radius:8px;font-size:.85rem}.resource-filename{color:var(--color-dark);font-weight:600;font-family:monospace;word-break:break-all}.resource-size{color:var(--color-dark);opacity:.6}.resource-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:.5rem}.resource-date{font-size:.85rem;color:var(--color-dark);opacity:.6}.download-button{padding:.75rem 1.5rem;background:var(--color-primary);color:var(--color-white);border:none;border-radius:8px;font-family:var(--font-body);font-size:.95rem;font-weight:700;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:.5rem}.download-button:hover:not(:disabled){background:var(--color-accent);transform:translateY(-2px);box-shadow:var(--shadow-md)}.download-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.spinner-small{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.reset-button{margin-top:2rem;padding:1rem 2rem;background:var(--color-primary);color:var(--color-white);border:none;border-radius:8px;font-family:var(--font-body);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition)}.reset-button:hover{background:var(--color-accent);transform:translateY(-2px);box-shadow:var(--shadow-md)}@media (max-width: 1024px){.resource-list-header .header-content h1{font-size:3rem}.resources-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (max-width: 768px){.resource-list-container{padding:0}.resource-list-header{padding:1.5rem 0}.resource-list-header .header-content h1{font-size:1.8rem}.subtitle{font-size:1rem}.search-bar{max-width:100%}.search-bar input{font-size:.95rem;padding:.875rem 2.5rem .875rem 1rem}.resources-grid{grid-template-columns:1fr;gap:1.5rem}.resource-card--catalogue{flex-direction:column;padding:1.5rem}.resource-card--catalogue .resource-icon{width:60px;height:60px;font-size:1.8rem;margin:0 auto}.resource-card--catalogue .resource-title{font-size:1.3rem}.resource-card--catalogue .resource-footer{flex-direction:column;gap:1rem;align-items:stretch}.resource-card--catalogue .download-button{width:100%;justify-content:center}.resource-card:not(.resource-card--catalogue){flex-direction:row;align-items:flex-start;padding:1rem;gap:.875rem}.resource-card:not(.resource-card--catalogue) .resource-icon{width:46px;height:46px;font-size:1.3rem;flex-shrink:0;margin:0}.resource-card:not(.resource-card--catalogue) .resource-title{font-size:.95rem;line-height:1.3}.resource-card:not(.resource-card--catalogue) .resource-description{font-size:.82rem;-webkit-line-clamp:2;line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.resource-card:not(.resource-card--catalogue) .resource-meta{padding:.5rem .75rem;font-size:.75rem}.resource-card:not(.resource-card--catalogue) .resource-footer{flex-direction:row;align-items:center;justify-content:space-between;gap:.5rem;padding-top:.5rem}.resource-card:not(.resource-card--catalogue) .download-button{padding:.5rem 1rem;font-size:.72rem;white-space:nowrap;flex-shrink:0}.resource-card:not(.resource-card--catalogue) .resource-date{font-size:.75rem}.empty-state{padding:3rem 1.5rem}.empty-state .empty-icon{font-size:4rem}.empty-state h2{font-size:2rem}.empty-state p{font-size:1.1rem}}@media (max-width: 480px){.resource-list-header .header-content h1{font-size:2rem}.subtitle{font-size:.95rem}.search-bar input{font-size:.9rem;padding:.75rem 2.5rem .75rem 1rem}.resources-grid{gap:1.25rem}.resource-card{padding:1.25rem}.resource-icon{width:50px;height:50px;font-size:2rem}.resource-title{font-size:1.2rem}.resource-description{font-size:.85rem}.resource-meta{padding:.75rem;font-size:.8rem}.resource-date{font-size:.8rem}.download-button{padding:.7rem 1.25rem;font-size:.9rem}.empty-state{padding:2.5rem 1rem}.empty-state .empty-icon{font-size:2.2rem}.empty-state h2{font-size:1.75rem}.empty-state p{font-size:1rem}.reset-button{padding:.875rem 1.5rem;font-size:.95rem}}.resource-card--catalogue .resource-footer{flex-direction:column;align-items:stretch;gap:.75rem;padding-top:1rem}.resource-card--catalogue .resource-date{text-align:center}.catalogue-download-buttons{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;width:100%}.catalogue-download-buttons .download-button{justify-content:center;padding:.85rem 1rem;font-size:1rem;border-radius:10px;letter-spacing:.01em}.download-button--pdf{background:var(--color-olive)}.download-button--pdf:hover:not(:disabled){background:#6d7a5a;box-shadow:0 4px 14px #808e6b66}.catalogue-download-buttons .download-button:not(.download-button--pdf):hover:not(:disabled){box-shadow:0 4px 14px #c6976066}.resource-view-hint{font-size:.78rem;font-weight:700;color:var(--color-primary);opacity:0;transition:opacity .2s ease;letter-spacing:.04em}.resource-card:hover .resource-view-hint{opacity:1}.resource-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a120ba6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:fadeIn .18s ease}.resource-modal{background:var(--color-white);border-radius:16px;width:100%;max-width:520px;box-shadow:0 32px 80px #00000059;position:relative;display:flex;gap:1.5rem;padding:2rem;animation:modalIn .25s cubic-bezier(.34,1.4,.64,1);border-top:3px solid var(--color-primary)}@keyframes modalIn{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.resource-modal-close{position:absolute;top:1rem;right:1rem;width:34px;height:34px;border-radius:50%;border:none;background:#1a120b12;color:var(--color-dark);font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition);z-index:10}.resource-modal-close:hover{background:var(--color-danger);color:#fff;transform:rotate(90deg)}.resource-modal-icon{width:64px;height:64px;flex-shrink:0;background:var(--color-dark);color:var(--color-primary);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.75rem}.resource-modal-body{flex:1;display:flex;flex-direction:column;gap:1rem;padding-right:1.5rem}.resource-modal-title{font-family:var(--font-display);font-size:1.4rem;font-weight:800;color:var(--color-dark);line-height:1.25;margin:0}.resource-modal-description{font-size:.9rem;line-height:1.65;color:var(--color-dark);opacity:.75;margin:0}.resource-modal-meta{background:var(--color-light);border-radius:10px;padding:.875rem 1rem;display:flex;flex-direction:column;gap:.5rem;border:1px solid var(--color-light-2)}.resource-modal-meta-row{display:flex;align-items:baseline;gap:.75rem}.resource-modal-meta-label{font-size:.68rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--color-dark);opacity:.4;font-family:var(--font-display);flex-shrink:0;width:60px}.resource-modal-meta-value{font-size:.88rem;font-weight:600;color:var(--color-dark);font-family:monospace;word-break:break-all}.resource-modal-download{width:100%;justify-content:center;margin-top:.25rem}@media (max-width: 600px){.resource-modal-overlay{padding:0;align-items:flex-end}.resource-modal{border-radius:20px 20px 0 0;flex-direction:column;padding:1.5rem;gap:1rem;max-width:100%}.resource-modal-icon{width:52px;height:52px;font-size:1.4rem}.resource-modal-body{padding-right:0}.resource-modal-close{background:var(--color-dark);color:var(--color-primary);border:2px solid rgba(198,151,96,.4)}}.resource-list-header h1{font-weight:800;color:var(--color-dark)!important}.resource-list-header h1:after{content:"";display:block;width:40px;height:3px;background:var(--color-primary);border-radius:2px;margin-top:.4rem}.resource-card{border:1px solid var(--color-light-2)!important;border-top:3px solid transparent!important;transition:var(--transition)}.resource-card:hover{border-top-color:var(--color-primary)!important;box-shadow:var(--shadow-lg)!important}.resource-card--catalogue{border-top-color:var(--color-primary)!important}.resource-icon{background:var(--color-dark)!important;color:var(--color-primary);border-radius:10px;width:52px;height:52px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.download-button{background:var(--color-dark)!important;color:var(--color-primary)!important;font-family:var(--font-display)!important;font-size:.78rem!important;font-weight:700!important;letter-spacing:.07em!important;text-transform:uppercase!important}.download-button:hover:not(:disabled){background:var(--color-primary)!important;color:var(--color-dark)!important;transform:translateY(-2px)}.download-button--pdf{background:var(--color-olive)!important;color:var(--color-white)!important}.download-button--pdf:hover:not(:disabled){background:#6d7a5a!important;color:var(--color-white)!important}.resource-card--clickable{cursor:pointer}.resource-card--clickable:active{transform:scale(.985)}.resource-view-hint{font-size:.78rem;color:var(--color-primary);font-weight:600;font-family:var(--font-display);letter-spacing:.02em;opacity:.85}.resource-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#2022228c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:fadeIn .18s ease-out}.resource-modal{background:var(--color-white);border-radius:16px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;position:relative;padding:2rem;display:flex;flex-direction:column;gap:1.25rem;box-shadow:0 20px 60px #20222240;animation:slideUp .22s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.resource-modal-close{position:absolute;top:1rem;right:1rem;width:32px;height:32px;border:none;background:var(--color-light);border-radius:50%;font-size:.85rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-dark);transition:var(--transition)}.resource-modal-close:hover{background:var(--color-dark);color:var(--color-primary)}.resource-modal-icon{width:56px;height:56px;background:var(--color-dark);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.6rem;color:var(--color-primary);flex-shrink:0}.resource-modal-body{display:flex;flex-direction:column;gap:1rem}.resource-modal-title{font-family:var(--font-display);font-size:1.4rem;font-weight:700;color:var(--color-dark);margin:0;line-height:1.3}.resource-modal-description{font-size:.92rem;color:var(--color-dark);opacity:.75;line-height:1.65;margin:0}.resource-modal-meta{background:var(--color-light);border-radius:10px;padding:.875rem 1rem;display:flex;flex-direction:column;gap:.5rem}.resource-modal-meta-row{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;font-size:.85rem}.resource-modal-meta-label{color:var(--color-dark);opacity:.5;font-weight:600;text-transform:uppercase;font-size:.72rem;letter-spacing:.06em;flex-shrink:0}.resource-modal-meta-value{color:var(--color-dark);font-weight:500;font-family:monospace;font-size:.82rem;text-align:right}.resource-modal-download{width:100%!important;justify-content:center;padding:.875rem!important;font-size:.88rem!important;margin-top:.25rem}.resource-modal .catalogue-download-buttons{margin-top:.25rem}@media (max-width: 480px){.resource-modal{padding:1.5rem 1.25rem;border-radius:20px 20px 0 0;max-height:85vh}.resource-modal-overlay{align-items:flex-end;padding:0}.resource-modal-title{font-size:1.2rem}}.resource-audio-player-wrapper{margin:16px 0}.resource-audio-player{width:100%;border-radius:8px;accent-color:var(--color-gold, #c69760);background:transparent}.resource-audio-loading{display:flex;align-items:center;gap:8px;padding:12px 0;font-size:.875rem;color:var(--color-text-muted, #888)}.resource-type-badge{display:inline-block;background:#808e6b26;color:var(--color-olive, #808e6b);font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.1rem .45rem;border-radius:10px;margin-left:.5rem;vertical-align:middle}.book-management{animation:fadeIn .6s ease-out}.book-management-header{display:flex;justify-content:flex-end;margin-bottom:2rem}.add-book-button{padding:1rem 2rem;background:var(--color-success);color:#fff;border:none;border-radius:8px;font-family:var(--font-body);font-size:1.05rem;font-weight:700;cursor:pointer;transition:var(--transition)}.add-book-button:hover{background:#3d6449;transform:translateY(-2px);box-shadow:var(--shadow-md)}.books-table-container{background:var(--color-white);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-md);border:2px solid var(--color-light)}.books-table{width:100%;border-collapse:collapse;font-size:.95rem}.books-table thead{background:var(--color-light)}.books-table th{padding:1rem;text-align:left;font-weight:700;color:var(--color-dark);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem}.books-table td{padding:1rem;border-top:1px solid var(--color-light)}.books-table tbody tr{transition:background .2s ease}.books-table tbody tr:hover{background:#d4a5740d}.table-book-cover{width:50px;height:75px;object-fit:cover;border-radius:4px;box-shadow:var(--shadow-sm)}.table-actions{display:flex;gap:.5rem}.edit-btn,.delete-btn{padding:.5rem 1rem;border:none;border-radius:6px;font-family:var(--font-body);font-size:.9rem;font-weight:600;cursor:pointer;transition:var(--transition)}.edit-btn{background:var(--color-accent);color:#fff}.edit-btn:hover:not(:disabled){background:var(--color-primary);transform:translateY(-1px)}.delete-btn{background:transparent;color:var(--color-danger);border:1px solid var(--color-danger)}.edit-btn:disabled,.delete-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.modal-content{background:var(--color-white);border-radius:12px;padding:2rem;max-width:700px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:slideIn .3s ease-out}.book-form{display:flex;flex-direction:column;gap:1.25rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.9rem;font-weight:600;color:var(--color-dark);letter-spacing:.02em}.form-group input,.form-group textarea{padding:.75rem 1rem;border:2px solid var(--color-light);border-radius:8px;font-family:var(--font-body);font-size:1rem;color:var(--color-dark);transition:var(--transition);background:var(--color-white)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-secondary);box-shadow:0 0 0 4px #d4a5741a}.form-group textarea{resize:vertical;min-height:100px}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-light)}.submit-btn:hover{background:#3d6449;transform:translateY(-2px);box-shadow:var(--shadow-md)}@media (max-width: 1024px){.books-table th,.books-table td{padding:.875rem;font-size:.9rem}}@media (max-width: 768px){.book-management{padding:0}.book-management-header{margin-bottom:1.5rem}.add-book-button{width:100%;padding:.875rem 1.5rem;font-size:1rem}.books-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.books-table{min-width:900px}.books-table th,.books-table td{padding:.75rem .5rem;font-size:.85rem}.table-book-cover{width:45px;height:68px}.table-actions{flex-direction:column;gap:.4rem}.edit-btn,.delete-btn{width:100%;padding:.45rem .85rem;font-size:.85rem}.modal-content{padding:1.5rem;max-width:90%}.modal-content h2{font-size:1.75rem}.form-row{grid-template-columns:1fr}.modal-actions{flex-direction:column}.cancel-btn,.submit-btn{width:100%}}@media (max-width: 480px){.add-book-button{font-size:.95rem;padding:.8rem 1.25rem}.books-table{min-width:800px}.books-table th,.books-table td{padding:.65rem .4rem;font-size:.8rem}.table-book-cover{width:40px;height:60px}.edit-btn,.delete-btn{font-size:.8rem;padding:.4rem .75rem}.modal-content{padding:1.25rem}.modal-content h2{font-size:1.5rem;margin-bottom:1.25rem}.book-form{gap:1rem}.form-group label{font-size:.85rem}.form-group input,.form-group textarea{padding:.7rem .85rem;font-size:.95rem}.cancel-btn,.submit-btn{padding:.75rem 1.5rem;font-size:.95rem}}.book-management-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:1rem;flex-wrap:wrap}.bm-search-filters{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;flex:1}.bm-search-wrap{position:relative;flex:1;min-width:200px}.bm-search-input{width:100%;padding:.75rem 2.5rem .75rem 1rem;border:2px solid var(--color-light);border-radius:8px;font-family:var(--font-body);font-size:.95rem;transition:var(--transition)}.bm-search-input:focus{outline:none;border-color:var(--color-secondary);box-shadow:0 0 0 3px #d4a5741a}.bm-search-clear{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--color-dark);opacity:.5;font-size:1rem;padding:.25rem;transition:var(--transition)}.bm-search-clear:hover{opacity:1;color:var(--color-danger)}.bm-filter-select{padding:.7rem 1rem;border:2px solid var(--color-light);border-radius:8px;font-family:var(--font-body);font-size:.9rem;color:var(--color-dark);background:var(--color-white);cursor:pointer;transition:var(--transition)}.bm-filter-select:focus{outline:none;border-color:var(--color-secondary)}.bm-clear-btn{padding:.7rem 1.1rem;background:var(--color-light);border:2px solid var(--color-light);border-radius:8px;font-family:var(--font-body);font-size:.9rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:var(--transition)}.bm-clear-btn:hover{border-color:var(--color-secondary)}.bm-results-bar{font-size:.9rem;color:var(--color-dark);opacity:.65;margin-bottom:1rem}.copies-badge{display:inline-block;padding:.2rem .6rem;border-radius:20px;background:#488e591a;color:var(--color-success);font-weight:700;font-size:.88rem}.copies-badge.out{background:#dc35451a;color:var(--color-danger)}.table-empty-state{text-align:center;padding:3rem;color:var(--color-dark);opacity:.6}.table-empty-state button{background:none;border:none;color:var(--color-secondary);text-decoration:underline;cursor:pointer;font-size:1rem}.pagination{display:flex;align-items:center;justify-content:center;gap:.4rem;margin-top:2rem;padding-top:1.5rem;border-top:2px solid var(--color-light);flex-wrap:wrap}.page-btn{min-width:40px;height:40px;padding:0 .75rem;border:2px solid var(--color-light);border-radius:8px;background:var(--color-white);color:var(--color-dark);font-family:var(--font-body);font-size:.95rem;font-weight:600;cursor:pointer;transition:var(--transition)}.page-btn:hover:not(:disabled){border-color:var(--color-secondary);background:#d4a5741a;transform:translateY(-1px)}.page-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.page-btn:disabled{opacity:.35;cursor:not-allowed;transform:none}.page-nav{min-width:70px;font-weight:700}.page-ellipsis{color:var(--color-dark);opacity:.4;font-size:1.1rem;line-height:40px;padding:0 .25rem}@media (max-width: 1024px){.book-management-header{flex-direction:column}.bm-search-filters,.add-book-button{width:100%}}@media (max-width: 768px){.bm-filter-select,.bm-clear-btn{font-size:.85rem;padding:.6rem .8rem}}.isbn-lookup-hint{color:var(--color-dark);opacity:.65;font-size:.95rem;margin-bottom:1.5rem;line-height:1.5}.isbn-lookup-row{display:flex;gap:.75rem;margin-bottom:.5rem}.isbn-lookup-input{flex:1;padding:.85rem 1rem;border:2px solid var(--color-light);border-radius:8px;font-family:var(--font-body);font-size:1rem;color:var(--color-dark);transition:var(--transition);letter-spacing:.04em}.isbn-lookup-input:focus{outline:none;border-color:var(--color-secondary);box-shadow:0 0 0 4px #d4a5741f}.isbn-lookup-btn{padding:.85rem 1.6rem;background:var(--color-primary);color:#fff;border:none;border-radius:8px;font-family:var(--font-body);font-size:1rem;font-weight:700;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:.5rem;white-space:nowrap}.isbn-lookup-btn:hover:not(:disabled){background:var(--color-accent);transform:translateY(-1px)}.isbn-lookup-btn:disabled{opacity:.5;cursor:not-allowed}.isbn-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.isbn-error{color:var(--color-danger);font-size:.88rem;margin-top:.25rem;margin-bottom:.5rem}.skip-btn{padding:.875rem 1.5rem;background:transparent;color:var(--color-dark);border:2px solid var(--color-light);border-radius:8px;font-family:var(--font-body);font-size:.95rem;font-weight:600;cursor:pointer;transition:var(--transition)}.skip-btn:hover{border-color:var(--color-secondary);background:#d4a5740f}.modal-title-row{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem}.modal-title-row h2{margin-bottom:0}.back-btn{background:none;border:none;color:var(--color-accent);font-family:var(--font-body);font-size:.95rem;font-weight:600;cursor:pointer;padding:0;white-space:nowrap;transition:var(--transition)}.back-btn:hover{color:var(--color-primary)}.lookup-banner{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem 1rem;border-radius:8px;font-size:.9rem;margin-bottom:1.25rem;line-height:1.4}.lookup-banner--full{background:#488e591a;color:var(--color-success);border:1px solid rgba(72,142,89,.25)}.lookup-banner--partial{background:#d4a5741f;color:#7a5c2e;border:1px solid rgba(212,165,116,.4)}.cover-preview-row{display:flex;align-items:flex-end;gap:.75rem;margin-bottom:1.25rem}.cover-preview-img{width:60px;height:90px;object-fit:cover;border-radius:4px;box-shadow:var(--shadow-sm);border:1px solid var(--color-light)}.cover-preview-label{font-size:.8rem;color:var(--color-dark);opacity:.5;padding-bottom:.25rem}.field-missing .form-group,.field-missing{position:relative}.field-missing input,.field-missing textarea{border-color:#e6a832!important;background:#e6a8320a}.field-missing input:focus,.field-missing textarea:focus{box-shadow:0 0 0 4px #e6a8321f!important}.field-missing label{color:#7a5c2e}.missing-badge{display:inline-block;margin-left:.4rem;padding:1px 7px;background:#e6a83226;color:#7a5c2e;border-radius:10px;font-size:.72rem;font-weight:700;vertical-align:middle;letter-spacing:.01em}.shelf-badge{display:inline-block;margin-left:.5rem;padding:1px 8px;background:#488e591f;color:var(--color-success);border-radius:10px;font-size:.72rem;font-weight:700;font-family:monospace;vertical-align:middle;letter-spacing:.05em;border:1px solid rgba(72,142,89,.25)}.walk-in-container{animation:fadeIn .6s ease-out}.walk-in-header{margin-bottom:2rem}.walk-in-header h2{font-family:var(--font-display);font-size:2.5rem;font-weight:700;color:var(--color-primary);margin-bottom:.5rem}.walk-in-form{background:var(--color-white);border-radius:12px;padding:2rem;box-shadow:var(--shadow-md);border:2px solid var(--color-light)}.form-section{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--color-light)}.form-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-section h3{font-family:var(--font-display);font-size:1.5rem;color:var(--color-dark);margin-bottom:1rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-header h3{margin-bottom:0}.add-user-btn{padding:.6rem 1.2rem;background:var(--color-success);color:#fff;border:none;border-radius:6px;font-family:var(--font-body);font-size:.9rem;font-weight:600;cursor:pointer;transition:var(--transition)}.add-user-btn:hover{background:#3d6449;transform:translateY(-1px)}.user-select,.book-select{width:100%;padding:1rem 1.25rem;border:2px solid var(--color-light);border-radius:8px;font-family:var(--font-body);font-size:1rem;color:var(--color-dark);transition:var(--transition);background:var(--color-white)}.user-select:focus,.book-select:focus{outline:none;border-color:var(--color-secondary);box-shadow:0 0 0 4px #d4a5741a}.book-preview{display:flex;gap:1.5rem;margin-top:1.5rem;padding:1.5rem;background:var(--color-light);border-radius:8px}.preview-cover{width:100px;height:150px;object-fit:cover;border-radius:6px;box-shadow:var(--shadow-sm)}.preview-details h4{font-family:var(--font-display);font-size:1.4rem;color:var(--color-dark);margin-bottom:.5rem}.preview-author{font-size:1rem;color:var(--color-dark);opacity:.7;font-style:italic;margin-bottom:.75rem}.preview-info{font-size:.95rem;color:var(--color-dark);opacity:.8}.walkin-duration-controls{display:flex;align-items:flex-start;gap:1rem;flex-wrap:wrap}.walkin-duration-group{display:flex;flex-direction:column;gap:.4rem;flex:1;min-width:160px}.walkin-duration-group label{font-size:.95rem;font-weight:600;color:var(--color-dark)}.walkin-duration-divider{align-self:center;padding-top:1.6rem;font-size:.85rem;color:var(--color-dark);opacity:.4;font-style:italic;flex-shrink:0}.walkin-date-note{font-size:.8rem;font-weight:600;color:var(--color-primary)}.walkin-clear-date{background:none;border:none;color:var(--color-dark);opacity:.4;cursor:pointer;font-size:1rem;padding:.25rem .4rem;transition:var(--transition);border-radius:4px}.walkin-clear-date:hover{opacity:1;color:var(--color-danger)}.duration-control{display:flex;align-items:center;gap:.75rem}.duration-input{width:120px;padding:.875rem 1rem;border:2px solid var(--color-light);border-radius:8px;font-family:var(--font-body);font-size:1.1rem;color:var(--color-dark);transition:var(--transition);text-align:center;font-weight:600}.walkin-date-input{width:auto;cursor:pointer;text-align:left;font-weight:400}.walkin-date-input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6}.duration-label{font-size:1.05rem;color:var(--color-dark);opacity:.7}.submit-borrowing-btn{width:100%;padding:1.25rem;background:var(--color-primary);color:var(--color-white);border:none;border-radius:8px;font-family:var(--font-body);font-size:1.1rem;font-weight:700;cursor:pointer;transition:var(--transition);margin-top:2rem;letter-spacing:.02em;text-transform:uppercase}.submit-borrowing-btn:hover:not(:disabled){background:var(--color-accent);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.submit-borrowing-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.add-user-form{display:flex;flex-direction:column;gap:1.25rem}.add-user-form .form-group{display:flex;flex-direction:column;gap:.5rem}.add-user-form label{font-size:.9rem;font-weight:600;color:var(--color-dark)}.add-user-form .password-input-wrapper{position:relative;display:flex;align-items:center}.add-user-form .password-input-wrapper input{flex:1;padding-right:3rem}.add-user-form .password-toggle{position:absolute;right:.75rem;background:none;border:none;color:var(--color-dark);opacity:.5;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:var(--transition);border-radius:4px}.add-user-form .password-toggle:hover{opacity:.8;background:var(--color-light)}.add-user-form .password-toggle:focus{outline:2px solid var(--color-secondary);opacity:1}.add-user-form input{padding:.875rem 1rem;border:2px solid var(--color-light);border-radius:8px;font-family:var(--font-body);font-size:1rem;color:var(--color-dark);transition:var(--transition)}.add-user-form input:focus{outline:none;border-color:var(--color-secondary);box-shadow:0 0 0 4px #d4a5741a}.modal-content{background:var(--color-white);border-radius:12px;padding:2rem;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:slideIn .3s ease-out}.cancel-btn:hover{background:var(--color-secondary)}.submit-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 1024px){.walk-in-header h2{font-size:2.25rem}.walk-in-form{padding:1.75rem}}@media (max-width: 768px){.walk-in-container{padding:0}.walk-in-header{margin-bottom:1.5rem}.walk-in-header h2{font-size:2rem}.subtitle{font-size:1rem}.walk-in-form{padding:1.5rem}.form-section{margin-bottom:1.5rem;padding-bottom:1.5rem}.section-header{flex-direction:column;align-items:flex-start;gap:.75rem}.add-user-btn{width:100%}.user-select,.book-select{font-size:.95rem;padding:.875rem 1rem}.book-preview{flex-direction:column;padding:1.25rem}.preview-cover{width:90px;height:135px;margin:0 auto}.preview-details{text-align:center}.preview-details h4{font-size:1.25rem}.walkin-duration-controls{flex-direction:column;gap:.75rem}.walkin-duration-divider{padding-top:0;text-align:center}.duration-control{flex-direction:column;align-items:stretch}.duration-input{width:100%;text-align:center}.duration-label{text-align:center}.submit-borrowing-btn{padding:1.125rem;font-size:1.05rem}.modal-content{padding:1.5rem;max-width:90%}.modal-content h2{font-size:1.75rem}.add-user-form{gap:1.125rem}.modal-actions{flex-direction:column}.cancel-btn,.submit-btn{width:100%}}@media (max-width: 480px){.walk-in-header h2{font-size:1.75rem}.subtitle{font-size:.95rem}.walk-in-form{padding:1.25rem}.form-section h3{font-size:1.3rem}.add-user-btn{padding:.55rem 1.1rem;font-size:.85rem}.user-select,.book-select{font-size:.9rem;padding:.75rem .875rem}.book-preview{padding:1rem;gap:1rem}.preview-cover{width:80px;height:120px}.preview-details h4{font-size:1.15rem}.preview-author{font-size:.95rem}.preview-info{font-size:.9rem}.duration-input{padding:.75rem .85rem;font-size:1.05rem}.duration-label{font-size:1rem}.submit-borrowing-btn{padding:1rem;font-size:1rem}.modal-content{padding:1.25rem}.modal-content h2{font-size:1.5rem;margin-bottom:1.25rem}.add-user-form{gap:1rem}.add-user-form label{font-size:.85rem}.add-user-form input{padding:.75rem .85rem;font-size:.95rem}.cancel-btn,.submit-btn{padding:.75rem 1.5rem;font-size:.95rem}}.search-field-wrap{position:relative}.search-input-row{display:flex;align-items:center;gap:.75rem;border:2px solid var(--color-light);border-radius:10px;padding:0 1rem;background:var(--color-white);transition:var(--transition)}.search-input-row:focus-within{border-color:var(--color-secondary);box-shadow:0 0 0 4px #d4a5741a}.search-icon{font-size:1.1rem;opacity:.6;flex-shrink:0}.adv-search-input{flex:1;padding:1rem 0;border:none;background:transparent;font-family:var(--font-body);font-size:1rem;color:var(--color-dark)}.adv-search-input:focus{outline:none}.adv-search-input::placeholder{opacity:.5}.search-clear-btn{background:none;border:none;cursor:pointer;color:var(--color-dark);opacity:.5;font-size:1rem;padding:.25rem;transition:var(--transition);flex-shrink:0}.search-clear-btn:hover{opacity:1;color:var(--color-danger)}.selected-card{display:flex;align-items:center;gap:1rem;margin-top:.75rem;padding:.875rem 1rem;background:#488e590f;border:2px solid rgba(72,142,89,.2);border-radius:10px}.selected-avatar{width:40px;height:40px;border-radius:50%;background:var(--color-primary);color:var(--color-white);display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;flex-shrink:0}.selected-info{flex:1;display:flex;flex-direction:column;gap:.15rem}.selected-name{font-weight:700;font-size:1rem;color:var(--color-dark)}.selected-sub{font-size:.85rem;color:var(--color-dark);opacity:.65}.selected-avail{font-size:.85rem;font-weight:600}.avail-yes{color:var(--color-success)}.avail-no{color:var(--color-danger)}.selected-book-cover{width:50px;height:75px;object-fit:cover;border-radius:4px;box-shadow:var(--shadow-sm);flex-shrink:0}.deselect-btn{padding:.4rem .875rem;background:none;border:2px solid var(--color-light);border-radius:6px;font-family:var(--font-body);font-size:.85rem;font-weight:600;cursor:pointer;color:var(--color-dark);transition:var(--transition);white-space:nowrap;flex-shrink:0}.deselect-btn:hover{border-color:var(--color-secondary)}.search-dropdown{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:var(--color-white);border:2px solid var(--color-light);border-radius:10px;box-shadow:var(--shadow-lg);z-index:100;max-height:320px;overflow-y:auto;animation:dropdownIn .15s ease-out}.book-dropdown{max-height:380px}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-count{padding:.6rem 1rem;font-size:.8rem;font-weight:600;color:var(--color-dark);opacity:.5;border-bottom:1px solid var(--color-light);text-transform:uppercase;letter-spacing:.05em}.dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;cursor:pointer;transition:background .15s;border-bottom:1px solid var(--color-light)}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:#d4a57414}.item-avatar{width:36px;height:36px;border-radius:50%;background:var(--color-secondary);color:var(--color-white);display:flex;align-items:center;justify-content:center;font-size:.95rem;font-weight:700;flex-shrink:0}.item-info{flex:1;display:flex;flex-direction:column;gap:.1rem;min-width:0}.item-primary{font-weight:600;font-size:.95rem;color:var(--color-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-secondary{font-size:.8rem;color:var(--color-dark);opacity:.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-isbn{font-size:.75rem;color:var(--color-dark);opacity:.45}.item-id{font-size:.8rem;color:var(--color-dark);opacity:.4;flex-shrink:0}.item-book-thumb{width:40px;height:58px;object-fit:cover;border-radius:3px;flex-shrink:0;box-shadow:var(--shadow-sm)}.item-copies{display:flex;flex-direction:column;align-items:center;font-size:.9rem;font-weight:700;color:var(--color-success);flex-shrink:0;min-width:40px;text-align:center}.item-copies.zero{color:var(--color-danger)}.copies-label{font-size:.65rem;font-weight:400;opacity:.7}.dropdown-item.out-of-stock{opacity:.55}.dropdown-more{padding:.6rem 1rem;font-size:.8rem;color:var(--color-dark);opacity:.5;text-align:center;font-style:italic}.dropdown-empty{padding:1.5rem 1rem;text-align:center;display:flex;flex-direction:column;gap:.75rem;color:var(--color-dark);opacity:.7;font-size:.9rem}.dropdown-add-btn{background:none;border:2px dashed var(--color-secondary);border-radius:6px;padding:.5rem 1rem;font-family:var(--font-body);font-size:.85rem;font-weight:600;cursor:pointer;color:var(--color-primary);transition:var(--transition)}.dropdown-add-btn:hover{background:#d4a5741a}mark{background:#d4a57459;color:inherit;border-radius:2px;padding:0 1px}.availability-toggle{display:flex;align-items:center;gap:.4rem;font-size:.9rem;font-weight:600;color:var(--color-dark);cursor:pointer;opacity:.75}.availability-toggle input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--color-primary)}.availability-toggle:hover{opacity:1}@media (max-width: 768px){.search-dropdown{max-height:250px}.item-book-thumb{width:32px;height:48px}.selected-book-cover{width:40px;height:60px}}.resource-management{animation:fadeIn .6s ease-out}.resource-management-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem}.rm-search-input{flex:1;max-width:360px;padding:.65rem 1rem;border:1px solid var(--color-border, #ddd);border-radius:8px;font-family:var(--font-body);font-size:.95rem;background:var(--color-light, #fafafa);color:var(--color-dark);transition:border-color .2s}.rm-search-input:focus{outline:none;border-color:var(--color-gold)}.add-resource-button{padding:1rem 2rem;background:var(--color-success);color:#fff;border:none;border-radius:8px;font-family:var(--font-body);font-size:1.05rem;font-weight:700;cursor:pointer;transition:var(--transition)}.add-resource-button:hover{background:#3d6449;transform:translateY(-2px);box-shadow:var(--shadow-md)}.resources-table-container{background:var(--color-white);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-md);border:2px solid var(--color-light)}.resources-table{width:100%;border-collapse:collapse;font-size:.95rem}.resources-table thead{background:var(--color-light)}.resources-table th{padding:1rem;text-align:left;font-weight:700;color:var(--color-dark);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem}.resources-table td{padding:1rem;border-top:1px solid var(--color-light)}.resources-table tbody tr{transition:background .2s ease}.resources-table tbody tr:hover{background:#d4a5740d}.table-resource-info{display:flex;align-items:flex-start;gap:1rem}.resource-icon-small{font-size:2rem;flex-shrink:0}.description-small{font-size:.85rem;color:var(--color-dark);opacity:.6;margin:.25rem 0 0;line-height:1.4}.filename-code{font-family:monospace;font-size:.9rem;background:var(--color-light);padding:.25rem .5rem;border-radius:4px;color:var(--color-dark)}.table-actions{display:flex;flex-direction:column;gap:.4rem;min-width:90px}.delete-btn{padding:.5rem 1rem;width:100%;background:transparent;color:var(--color-danger);border:1px solid var(--color-danger);border-radius:6px;font-family:var(--font-body);font-size:.9rem;font-weight:600;cursor:pointer;transition:var(--transition)}.edit-btn{padding:.5rem 1rem;width:100%;background:transparent;color:var(--color-gold);border:1px solid var(--color-gold);border-radius:6px;font-family:var(--font-body);font-size:.9rem;font-weight:600;cursor:pointer;transition:var(--transition)}.edit-btn:hover:not(:disabled){background:var(--color-gold);color:var(--color-dark)}.edit-btn:disabled{opacity:.5;cursor:not-allowed}.delete-btn:hover:not(:disabled){background:var(--color-danger);color:#fff}.delete-btn:disabled{opacity:.5;cursor:not-allowed}.upload-form{display:flex;flex-direction:column;gap:1.5rem}.upload-form .form-group{display:flex;flex-direction:column;gap:.5rem}.upload-form label{font-size:.9rem;font-weight:600;color:var(--color-dark)}.upload-form input[type=text],.upload-form textarea{padding:.875rem 1rem;border:2px solid var(--color-light);border-radius:8px;font-family:var(--font-body);font-size:1rem;color:var(--color-dark);transition:var(--transition)}.upload-form input:focus,.upload-form textarea:focus{outline:none;border-color:var(--color-secondary);box-shadow:0 0 0 4px #d4a5741a}.upload-form textarea{resize:vertical}.file-input{padding:.75rem;border:2px dashed var(--color-light);border-radius:8px;cursor:pointer;transition:var(--transition);background:var(--color-background)}.file-input:hover{border-color:var(--color-secondary);background:var(--color-light)}.file-preview{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--color-light);border-radius:8px;margin-top:1rem}.file-preview-icon{font-size:1.8rem}.file-preview-info{display:flex;flex-direction:column;gap:.25rem}.file-preview-info strong{font-size:1rem;color:var(--color-dark)}.file-preview-size{font-size:.85rem;color:var(--color-dark);opacity:.6}.upload-note{font-size:.85rem;color:var(--color-dark);opacity:.6;font-style:italic;margin:0;padding:.75rem 1rem;background:var(--color-light);border-radius:6px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#2c181099;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}.modal-content{background:var(--color-white);border-radius:12px;padding:2rem;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-content h2{font-family:var(--font-display);font-size:2rem;color:var(--color-primary);margin-bottom:1.5rem}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--color-light)}.cancel-btn,.submit-btn{padding:.875rem 2rem;border:none;border-radius:8px;font-family:var(--font-body);font-size:1rem;font-weight:700;cursor:pointer;transition:var(--transition)}.cancel-btn{background:var(--color-light);color:var(--color-dark)}.cancel-btn:hover:not(:disabled){background:var(--color-secondary)}.submit-btn{background:var(--color-success);color:#fff}.submit-btn:hover:not(:disabled){background:#3d6449;transform:translateY(-2px);box-shadow:var(--shadow-md)}.submit-btn:disabled,.cancel-btn:disabled{opacity:.5;cursor:not-allowed}.empty-state{text-align:center;padding:3rem 2rem;background:var(--color-white);border-radius:12px;border:2px dashed var(--color-light)}.empty-state .empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.3}.empty-state h3{font-family:var(--font-display);font-size:1.8rem;color:var(--color-primary);margin-bottom:.5rem}.empty-state p{font-size:1.1rem;color:var(--color-dark);opacity:.6}@media (max-width: 1024px){.resources-table th,.resources-table td{padding:.875rem;font-size:.9rem}}@media (max-width: 768px){.resource-management{padding:0}.resource-management-header{margin-bottom:1.5rem}.add-resource-button{width:100%;padding:.875rem 1.5rem;font-size:1rem}.resources-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.resources-table{min-width:800px}.resources-table th,.resources-table td{padding:.75rem .5rem;font-size:.85rem}.table-resource-info{gap:.75rem}.resource-icon-small{font-size:1.75rem}.description-small{font-size:.8rem}.filename-code{font-size:.85rem}.modal-content{padding:1.5rem;max-width:90%}.modal-content h2{font-size:1.75rem}.upload-form{gap:1.25rem}.modal-actions{flex-direction:column}.cancel-btn,.submit-btn{width:100%}.empty-state{padding:2.5rem 1.5rem}.empty-state .empty-icon{font-size:2.2rem}.empty-state h3{font-size:1.6rem}.empty-state p{font-size:1rem}}@media (max-width: 480px){.add-resource-button{font-size:.95rem;padding:.8rem 1.25rem}.resources-table{min-width:700px}.resources-table th,.resources-table td{padding:.65rem .4rem;font-size:.8rem}.resource-icon-small{font-size:1.5rem}.filename-code{font-size:.8rem}.delete-btn{padding:.45rem .85rem;font-size:.85rem}.modal-content{padding:1.25rem}.modal-content h2{font-size:1.5rem}.upload-form label{font-size:.85rem}.upload-form input[type=text],.upload-form textarea{padding:.75rem .85rem;font-size:.95rem}.file-preview{padding:.875rem}.file-preview-icon{font-size:2rem}.file-preview-info strong{font-size:.95rem}.file-preview-size{font-size:.8rem}.upload-note{font-size:.8rem;padding:.65rem .85rem}.cancel-btn,.submit-btn{padding:.75rem 1.5rem;font-size:.95rem}.empty-state{padding:2rem 1rem}.empty-state .empty-icon{font-size:3rem}.empty-state h3{font-size:1.4rem}.empty-state p{font-size:.95rem}}.resource-management-header h1{font-weight:800;color:var(--color-dark)!important}.resource-management-header h1:after{content:"";display:block;width:40px;height:3px;background:var(--color-primary);border-radius:2px;margin-top:.4rem}.upload-button,.save-button,.submit-button{background:var(--color-dark)!important;color:var(--color-primary)!important;font-family:var(--font-display)!important;font-weight:700!important;letter-spacing:.05em!important;text-transform:uppercase!important}.upload-button:hover:not(:disabled),.save-button:hover:not(:disabled),.submit-button:hover:not(:disabled){background:var(--color-primary)!important;color:var(--color-dark)!important}.user-management{animation:fadeIn .4s ease-out}.um-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:1.5rem;gap:1rem;flex-wrap:wrap}.um-header-left h2{font-family:var(--font-display);font-size:1.4rem;font-weight:700;color:var(--color-dark);margin:0 0 .2rem}.um-header-left .subtitle{color:var(--color-dark);opacity:.55;font-size:.88rem;margin:0}.um-add-btn{padding:.65rem 1.4rem;background:var(--color-success);color:#fff;border:none;border-radius:8px;font-family:var(--font-body);font-size:.9rem;font-weight:700;cursor:pointer;transition:var(--transition);white-space:nowrap}.um-add-btn:hover{background:#3d6449;transform:translateY(-1px);box-shadow:var(--shadow-md)}.um-search-bar{position:relative;display:flex;align-items:center;margin-bottom:1.25rem;background:var(--color-white);border:2px solid var(--color-light-2);border-radius:10px;transition:border-color .2s}.um-search-bar:focus-within{border-color:var(--color-primary)}.um-search-icon{padding:0 .75rem 0 1rem;color:var(--color-gold);display:flex;align-items:center;flex-shrink:0}.um-search-input{flex:1;border:none;outline:none;background:transparent;font-family:var(--font-body);font-size:.95rem;color:var(--color-dark);padding:.75rem 0}.um-search-input::placeholder{color:#20222259}.um-search-clear{background:none;border:none;cursor:pointer;color:var(--color-dark);opacity:.4;padding:.5rem 1rem;font-size:.85rem;transition:opacity .2s}.um-search-clear:hover{opacity:.8}.um-result-count{font-size:.85rem;color:var(--color-dark);opacity:.5;margin:-.5rem 0 1rem}.um-table-container{background:var(--color-white);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-md);border:2px solid var(--color-light)}.um-table{width:100%;border-collapse:collapse;font-size:.93rem}.um-table thead{background:var(--color-light)}.um-table th{padding:.9rem 1rem;text-align:left;font-weight:700;color:var(--color-dark);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem}.um-table td{padding:.85rem 1rem;border-top:1px solid var(--color-light);vertical-align:middle}.um-table tbody tr{transition:background .15s ease}.um-table tbody tr:hover{background:#c697600a}.um-id{color:var(--color-dark);opacity:.4;font-size:.82rem;font-weight:600;width:48px}.um-name-cell{display:flex;align-items:center;gap:.75rem}.um-avatar{width:34px;height:34px;border-radius:50%;background:var(--color-primary);color:var(--color-dark);font-weight:800;font-size:.88rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.um-name{font-weight:600;color:var(--color-dark)}.um-email{color:var(--color-dark);opacity:.65;font-size:.88rem}.um-role-badge{display:inline-block;padding:.2rem .6rem;border-radius:20px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.role-admin{background:#c697602e;color:var(--color-dark-gold)}.role-user{background:var(--color-light);color:var(--color-dark);opacity:.7}.role-subadmin{background:#808e6b2e;color:var(--color-olive)}.role-staff{background:#899cad2e;color:#4a6a80}.um-role-select{padding:.72rem .9rem;border:1.5px solid var(--color-light-2);border-radius:8px;font-family:var(--font-body);font-size:.93rem;color:var(--color-dark);background:var(--color-light);cursor:pointer;transition:border-color .2s,box-shadow .2s}.um-role-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #c697601f;background:#fff}.um-row-actions{display:flex;gap:.5rem}.um-edit-btn,.um-delete-btn{padding:.35rem .85rem;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:var(--transition);border:none}.um-edit-btn{background:var(--color-light-2);color:var(--color-dark)}.um-edit-btn:hover:not(:disabled){background:var(--color-beige)}.um-delete-btn{background:#b91c1c14;color:var(--color-danger)}.um-delete-btn:hover:not(:disabled){background:#b91c1c26}.um-edit-btn:disabled,.um-delete-btn:disabled{opacity:.35;cursor:not-allowed}.um-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#2022228c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.um-modal-content{background:var(--color-white);border-radius:14px;box-shadow:var(--shadow-xl);width:100%;max-width:440px;padding:0;overflow:hidden}.um-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-light-2)}.um-modal-header h2{font-family:var(--font-display);font-size:1.1rem;font-weight:700;margin:0}.um-modal-close{background:none;border:none;font-size:1.4rem;cursor:pointer;color:var(--color-dark);opacity:.45;padding:.2rem .4rem;line-height:1;transition:opacity .2s}.um-modal-close:hover{opacity:.85}.um-modal-form{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.um-form-group{display:flex;flex-direction:column;gap:.4rem}.um-form-group label{font-family:var(--font-display);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-dark)}.um-form-group input{padding:.72rem .9rem;border:1.5px solid var(--color-light-2);border-radius:8px;font-family:var(--font-body);font-size:.93rem;color:var(--color-dark);transition:border-color .2s,box-shadow .2s;background:var(--color-light)}.um-form-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #c697601f;background:#fff}.um-disabled-input{opacity:.5;cursor:not-allowed}.um-form-note{font-size:.82rem;color:var(--color-dark);opacity:.55;font-style:italic;margin:0}.um-modal-actions{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--color-light-2);background:var(--color-light)}.um-cancel-btn{padding:.65rem 1.25rem;background:transparent;border:1.5px solid var(--color-light-2);border-radius:8px;font-family:var(--font-body);font-size:.88rem;font-weight:600;cursor:pointer;color:var(--color-dark);transition:var(--transition)}.um-cancel-btn:hover{border-color:var(--color-beige);background:var(--color-light-2)}.um-submit-btn{padding:.65rem 1.4rem;background:var(--color-primary);color:var(--color-dark);border:none;border-radius:8px;font-family:var(--font-body);font-size:.88rem;font-weight:700;cursor:pointer;transition:var(--transition)}.um-submit-btn:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-1px)}.um-submit-btn:disabled{opacity:.45;cursor:not-allowed}.um-delete-modal{max-width:400px}.um-delete-body{padding:2rem 1.5rem 1rem;text-align:center}.um-delete-avatar{width:56px;height:56px;border-radius:50%;background:#b91c1c1f;color:var(--color-danger);font-weight:800;font-size:1.4rem;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.um-delete-name{font-weight:700;font-size:1rem;margin:0 0 .2rem}.um-delete-email{font-size:.85rem;opacity:.55;margin:0 0 1.25rem}.um-delete-warning{font-size:.85rem;color:var(--color-danger);background:#b91c1c0f;border:1px solid rgba(185,28,28,.15);border-radius:8px;padding:.75rem 1rem;margin:0;text-align:left;line-height:1.5}.um-confirm-delete-btn{padding:.65rem 1.4rem;background:var(--color-danger);color:#fff;border:none;border-radius:8px;font-family:var(--font-body);font-size:.88rem;font-weight:700;cursor:pointer;transition:var(--transition)}.um-confirm-delete-btn:hover:not(:disabled){background:#991b1b;transform:translateY(-1px)}.um-confirm-delete-btn:disabled{opacity:.45;cursor:not-allowed}@media (max-width: 768px){.um-header{flex-direction:column;align-items:flex-start}.um-table{font-size:.82rem}.um-table th,.um-table td{padding:.65rem .75rem}.um-email{display:none}}.ec-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#20222299;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1100;display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:fadeIn .18s ease-out}.ec-modal{background:var(--color-white);border-radius:16px;width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 24px 64px #20222247;animation:slideUp .22s ease-out;overflow:hidden}.ec-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1.5rem 1.75rem 1.25rem;border-bottom:1px solid var(--color-light-2);flex-shrink:0}.ec-title{font-family:var(--font-display);font-size:1.3rem;font-weight:700;color:var(--color-dark);margin:0 0 .2rem}.ec-subtitle{font-size:.83rem;color:var(--color-dark);opacity:.5;margin:0}.ec-close{width:32px;height:32px;border:none;background:var(--color-light);border-radius:50%;font-size:.82rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-dark);transition:var(--transition);flex-shrink:0;margin-left:1rem}.ec-close:hover{background:var(--color-dark);color:var(--color-primary)}.ec-body{flex:1;overflow-y:auto;padding:1.25rem 1.75rem;display:flex;flex-direction:column;gap:1.25rem}.ec-section{display:flex;flex-direction:column;gap:.5rem}.ec-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-dark);opacity:.55;margin:0}.ec-hint{font-size:.78rem;color:var(--color-dark);opacity:.45;margin:0;font-style:italic}.ec-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.625rem}.ec-type-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:.875rem .5rem;border:2px solid var(--color-light-2);border-radius:10px;background:var(--color-white);cursor:pointer;transition:var(--transition);gap:.35rem}.ec-type-card:hover{border-color:var(--color-secondary)}.ec-type-card.active{border-color:var(--color-primary);background:#fdf8f0}.ec-type-icon{font-size:1.5rem}.ec-type-label{font-family:var(--font-display);font-size:.72rem;font-weight:700;color:var(--color-dark);line-height:1.2}.ec-type-desc{font-size:.68rem;color:var(--color-dark);opacity:.5;line-height:1.3}.ec-recipient-tabs{display:flex;gap:.5rem}.ec-tab{padding:.5rem 1rem;border:2px solid var(--color-light-2);border-radius:8px;background:var(--color-white);font-size:.8rem;font-family:var(--font-display);font-weight:600;color:var(--color-dark);cursor:pointer;transition:var(--transition)}.ec-tab:hover{border-color:var(--color-secondary)}.ec-tab.active{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-dark)}.ec-input,.ec-select,.ec-textarea{width:100%;padding:.7rem .875rem;border:2px solid var(--color-light-2);border-radius:8px;font-family:var(--font-body);font-size:.88rem;color:var(--color-dark);background:var(--color-white);transition:var(--transition);box-sizing:border-box}.ec-input:focus,.ec-select:focus,.ec-textarea:focus{outline:none;border-color:var(--color-primary)}.ec-textarea{resize:vertical;min-height:120px;line-height:1.6}.ec-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.ec-borrowing-list{display:flex;flex-direction:column;gap:.4rem;max-height:280px;overflow-y:auto;border:2px solid var(--color-light-2);border-radius:8px;padding:.4rem}.ec-borrowing-row{display:flex;justify-content:space-between;align-items:center;padding:.65rem .875rem;border-radius:6px;border:2px solid transparent;background:var(--color-light);cursor:pointer;transition:var(--transition);text-align:left;gap:.75rem}.ec-borrowing-row:hover{border-color:var(--color-secondary)}.ec-borrowing-row.active{border-color:var(--color-primary);background:#fdf8f0}.ec-borrowing-row.overdue{background:#fdf4f4}.ec-borrowing-row.overdue.active{border-color:#c0504f;background:#fdf4f4}.ec-borrowing-info{display:flex;flex-direction:column;gap:.15rem;flex:1;min-width:0}.ec-borrowing-title{font-size:.85rem;font-weight:600;color:var(--color-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ec-borrowing-member{font-size:.75rem;color:var(--color-dark);opacity:.55}.ec-borrowing-due{flex-shrink:0}.ec-due-badge{font-size:.72rem;font-weight:600;padding:.2rem .5rem;border-radius:4px;background:var(--color-light-2);color:var(--color-dark);white-space:nowrap}.ec-due-badge.overdue{background:#fae5e5;color:#c0504f}.ec-result{padding:.75rem 1rem;border-radius:8px;font-size:.85rem;font-weight:600}.ec-result.success{background:#eef6ee;color:#2d7a2d;border:1px solid #b6d9b6}.ec-result.error{background:#fdf0f0;color:#c0504f;border:1px solid #f0b8b8}.ec-footer{display:flex;gap:.75rem;padding:1rem 1.75rem 1.5rem;border-top:1px solid var(--color-light-2);flex-shrink:0}.ec-cancel-btn{padding:.75rem 1.25rem;border:2px solid var(--color-light-2);border-radius:8px;background:var(--color-white);font-family:var(--font-display);font-size:.8rem;font-weight:700;color:var(--color-dark);cursor:pointer;transition:var(--transition)}.ec-cancel-btn:hover{border-color:var(--color-secondary)}.ec-send-btn{flex:1;padding:.75rem 1.5rem;border:none;border-radius:8px;background:var(--color-dark);color:var(--color-primary);font-family:var(--font-display);font-size:.82rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:.5rem}.ec-send-btn:hover:not(:disabled){background:var(--color-primary);color:var(--color-dark)}.ec-send-btn:disabled{opacity:.45;cursor:not-allowed}.ec-spinner{width:14px;height:14px;border:2px solid rgba(198,151,96,.3);border-top-color:var(--color-primary);border-radius:50%;animation:spin .6s linear infinite}@media (max-width: 480px){.ec-overlay{padding:0;align-items:flex-end}.ec-modal{max-height:92vh;border-radius:20px 20px 0 0}.ec-type-grid{grid-template-columns:1fr}.ec-type-card{flex-direction:row;text-align:left;padding:.75rem 1rem}.ec-type-desc{display:none}.ec-header{padding:1.25rem}.ec-body{padding:1rem 1.25rem}.ec-footer{padding:.875rem 1.25rem 1.25rem}}.ec-member-picker{display:flex;flex-direction:column;gap:.5rem;border:2px solid var(--color-light-2);border-radius:8px;overflow:hidden}.ec-member-search-wrap{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-bottom:1px solid var(--color-light-2);background:var(--color-light)}.ec-member-search-icon{font-size:.85rem;opacity:.5}.ec-member-search{flex:1;border:none;background:transparent;font-family:var(--font-body);font-size:.85rem;color:var(--color-dark);outline:none}.ec-member-search::placeholder{opacity:.45}.ec-member-search-clear{border:none;background:none;font-size:.75rem;color:var(--color-dark);opacity:.4;cursor:pointer;padding:0 .2rem}.ec-member-search-clear:hover{opacity:.8}.ec-member-selected{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#fdf8f0;border-bottom:1px solid var(--color-light-2);font-size:.8rem}.ec-member-selected-label{opacity:.5;font-weight:600;flex-shrink:0}.ec-member-selected-name{font-weight:600;color:var(--color-dark)}.ec-member-selected-email{opacity:.5;font-size:.75rem;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ec-member-deselect{border:none;background:none;font-size:.72rem;opacity:.4;cursor:pointer;flex-shrink:0}.ec-member-deselect:hover{opacity:.8}.ec-member-list{max-height:200px;overflow-y:auto;display:flex;flex-direction:column;gap:0}.ec-member-row{display:flex;align-items:center;gap:.75rem;padding:.6rem .875rem;border:none;background:var(--color-white);cursor:pointer;text-align:left;border-bottom:1px solid var(--color-light);transition:background .12s}.ec-member-row:last-child{border-bottom:none}.ec-member-row:hover{background:var(--color-light)}.ec-member-row.active{background:#fdf8f0}.ec-member-avatar{width:30px;height:30px;border-radius:50%;background:var(--color-dark);color:var(--color-primary);font-family:var(--font-display);font-size:.78rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ec-member-info{display:flex;flex-direction:column;gap:.1rem;flex:1;min-width:0}.ec-member-name{font-size:.85rem;font-weight:600;color:var(--color-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ec-member-email{font-size:.75rem;color:var(--color-dark);opacity:.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ec-member-check{color:var(--color-primary);font-weight:700;font-size:.9rem;flex-shrink:0}.ec-member-empty{font-size:.82rem;color:var(--color-dark);opacity:.45;padding:.75rem .875rem;margin:0;font-style:italic}.admin-dashboard-container{animation:fadeIn .6s ease-out}.admin-header{margin-bottom:2rem}.admin-header h1{font-family:var(--font-display);font-size:2.2rem;font-weight:700;color:var(--color-primary);margin-bottom:.5rem;letter-spacing:-.02em}.tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid var(--color-light)}.tab{padding:1rem 2rem;background:none;border:none;font-family:var(--font-body);font-size:1.1rem;color:var(--color-dark);opacity:.6;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.tab:hover{opacity:.8}.tab.active{opacity:1;color:var(--color-primary);border-bottom-color:var(--color-accent);font-weight:600}.tab .badge{background:var(--color-warning);color:#fff;padding:.25rem .6rem;border-radius:12px;font-size:.85rem;font-weight:700;min-width:20px;text-align:center}.admin-section{margin-top:2rem}.borrowing-requests-list{display:flex;flex-direction:column;gap:1.5rem}.request-card{background:var(--color-white);border-radius:12px;padding:2rem;box-shadow:var(--shadow-md);border:2px solid var(--color-light);transition:var(--transition);animation:slideIn .4s ease-out}.request-card:hover{box-shadow:var(--shadow-lg);transform:translate(4px)}.request-book-info{display:flex;gap:1.5rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-light)}.request-book-cover{width:100px;height:150px;object-fit:cover;border-radius:8px;box-shadow:var(--shadow-sm)}.request-details{flex:1}.request-book-title{font-family:var(--font-display);font-size:1.8rem;font-weight:700;color:var(--color-dark);margin-bottom:.5rem}.request-book-author{font-size:1.1rem;color:var(--color-dark);opacity:.7;font-style:italic;margin-bottom:1rem}.request-meta{display:flex;flex-wrap:wrap;gap:1rem}.meta-item{font-size:.95rem;color:var(--color-dark);opacity:.7}.meta-item--shelf{opacity:1;color:var(--color-primary);font-weight:700}.request-user-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem;padding:1rem;background:var(--color-light);border-radius:8px}.info-row{display:flex;flex-direction:column;gap:.25rem}.info-label{font-size:.85rem;color:var(--color-dark);opacity:.6;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.info-value{font-size:1rem;color:var(--color-dark);font-weight:600}.duration-selector{padding:1rem;background:var(--color-background);border-radius:8px;margin-bottom:1rem}.duration-controls{display:flex;align-items:flex-start;gap:1rem;flex-wrap:wrap}.duration-weeks-group,.duration-date-group{display:flex;flex-direction:column;gap:.4rem;flex:1;min-width:180px}.duration-divider{align-self:center;padding-top:1.6rem;font-size:.85rem;color:var(--color-dark);opacity:.4;font-style:italic;flex-shrink:0}.duration-weeks-group label,.duration-date-group label{display:block;font-size:.95rem;font-weight:600;color:var(--color-dark);margin-bottom:.1rem}.duration-input-group{display:flex;align-items:center;gap:1rem}.duration-input{flex:1;padding:.75rem 1rem;border:2px solid var(--color-light);border-radius:8px;font-family:var(--font-body);font-size:1rem;color:var(--color-dark);transition:var(--transition);max-width:150px}.date-picker-input{max-width:200px;cursor:pointer}.date-picker-input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;filter:invert(.3)}.clear-date-btn{background:none;border:none;color:var(--color-dark);opacity:.4;cursor:pointer;font-size:1rem;padding:.25rem .4rem;transition:var(--transition);border-radius:4px}.clear-date-btn:hover{opacity:1;color:var(--color-danger)}.date-override-note{color:var(--color-primary)!important;opacity:1!important;font-style:normal!important;font-weight:600;font-size:.8rem}.duration-input:focus{outline:none;border-color:var(--color-secondary);box-shadow:0 0 0 4px #d4a5741a}.duration-help{font-size:.85rem;color:var(--color-dark);opacity:.6;font-style:italic}.request-actions{display:flex;gap:1rem}.approve-button,.reject-button{flex:1;padding:1rem 2rem;border:none;border-radius:8px;font-family:var(--font-body);font-size:1rem;font-weight:700;cursor:pointer;transition:var(--transition);letter-spacing:.02em}.approve-button{background:var(--color-success);color:#fff}.approve-button:hover:not(:disabled){background:#3d6449;transform:translateY(-2px);box-shadow:var(--shadow-md)}.reject-button{background:transparent;color:var(--color-danger);border:2px solid var(--color-danger)}.reject-button:hover:not(:disabled){background:var(--color-danger);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-md)}.approve-button:disabled,.reject-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.borrowings-subsection{margin-bottom:1.5rem}.subsection-title{font-family:var(--font-display);font-size:1.8rem;color:var(--color-primary);margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid var(--color-accent)}.history-section{margin-top:3rem;padding-top:2rem;border-top:3px solid var(--color-light)}.history-section .subsection-title{color:var(--color-dark);opacity:.7;border-bottom-color:var(--color-light)}.history-row{opacity:.75}.history-row:hover{opacity:1}.pending-note{font-size:.85rem;color:var(--color-dark);opacity:.6;font-style:italic}.borrowings-table-container{background:var(--color-white);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-md);border:2px solid var(--color-light)}.borrowings-table{width:100%;border-collapse:collapse;font-size:.95rem}.borrowings-table thead{background:var(--color-light)}.borrowings-table th{padding:1rem;text-align:left;font-weight:700;color:var(--color-dark);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem}.borrowings-table td{padding:1rem;border-top:1px solid var(--color-light)}.borrowings-table tbody tr{transition:background .2s ease}.borrowings-table tbody tr:hover{background:#d4a5740d}.table-book-info{display:flex;flex-direction:column;gap:.25rem}.table-book-info strong{color:var(--color-dark)}.book-author-small{font-size:.9rem;color:var(--color-dark);opacity:.6;font-style:italic}.book-shelf-small{display:inline-block;font-size:.78rem;font-weight:600;color:var(--color-dark);opacity:.55;margin-top:.15rem}.book-shelf-small.shelf-highlight{opacity:1;color:var(--color-primary);background:#c697601f;border:1px solid rgba(198,151,96,.35);border-radius:4px;padding:.15rem .45rem;font-size:.75rem;letter-spacing:.03em}.status-badge-small{display:inline-block;padding:.4rem .8rem;border-radius:12px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#fff}.status-badge-small.status-pending{background:var(--color-warning)}.status-badge-small.status-ready{background:var(--color-accent)}.status-badge-small.status-collected{background:var(--color-success)}.status-badge-small.status-returned{background:#6b7280}.status-badge-small.status-rejected{background:var(--color-danger)}.overdue-text{color:var(--color-danger);font-weight:700}.action-btn{padding:.5rem 1rem;border:none;border-radius:6px;font-family:var(--font-body);font-size:.85rem;font-weight:600;cursor:pointer;transition:var(--transition);white-space:nowrap}.collected-btn{background:var(--color-accent);color:#fff}.collected-btn:hover:not(:disabled){background:var(--color-primary)}.returned-btn{background:var(--color-success);color:#fff}.returned-btn:hover:not(:disabled){background:#3d6449}.action-btn:disabled{opacity:.6;cursor:not-allowed}.no-action{color:var(--color-dark);opacity:.3;font-size:1.2rem}.error-message{background:#fee2e2;color:var(--color-danger);padding:1rem 1.5rem;border-radius:8px;margin-bottom:2rem;border:1px solid var(--color-danger);font-weight:500}.empty-state{text-align:center;padding:4rem 2rem}.empty-state .empty-icon{font-size:3.5rem;margin-bottom:1rem;opacity:.3}.empty-state h2{font-family:var(--font-display);font-size:1.8rem;color:var(--color-primary);margin-bottom:1rem}.empty-state p{font-size:1.2rem;color:var(--color-dark);opacity:.6}@media (max-width: 1024px){.admin-header h1{font-size:3rem}.tabs{gap:.75rem}.tab{padding:1rem 1.5rem;font-size:1rem}.request-card{padding:1.5rem}}@media (max-width: 768px){.admin-dashboard{padding:1.5rem 1rem}.admin-header{padding:1.5rem 0}.admin-header h1{font-size:1.8rem}.admin-header p{font-size:1rem}.tabs{overflow-x:auto;flex-wrap:nowrap;gap:.5rem;padding-bottom:.5rem;-webkit-overflow-scrolling:touch}.tab{font-size:.95rem;padding:.875rem 1.25rem;white-space:nowrap;flex-shrink:0}.subsection-title{font-size:1.6rem}.request-card{padding:1.25rem}.request-book-info{flex-direction:column}.request-book-cover{width:120px;height:180px;margin:0 auto}.request-user-info{grid-template-columns:1fr}.duration-selector{padding:1rem}.duration-input{max-width:120px}.request-actions{flex-direction:column}.approve-button,.reject-button{width:100%}.borrowings-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.borrowings-table{min-width:900px}.borrowings-table th,.borrowings-table td{padding:.75rem;font-size:.9rem}.status-badge-small{font-size:.75rem;padding:.35rem .7rem}.action-btn{padding:.45rem .85rem;font-size:.8rem}}@media (max-width: 480px){.admin-dashboard{padding:1rem .75rem}.admin-header h1{font-size:2rem}.admin-header p{font-size:.95rem}.tabs{gap:.4rem}.tab{font-size:.85rem;padding:.75rem 1rem}.badge{font-size:.7rem;padding:.15rem .4rem}.subsection-title{font-size:1.4rem}.request-card{padding:1rem}.request-book-title{font-size:1.3rem}.request-book-author{font-size:.95rem}.info-label{font-size:.8rem}.info-value,.duration-selector label{font-size:.9rem}.duration-input{padding:.65rem .85rem;font-size:.95rem}.duration-help{font-size:.8rem}.approve-button,.reject-button{padding:.875rem 1.5rem;font-size:.95rem}.borrowings-table{min-width:800px}.borrowings-table th,.borrowings-table td{padding:.65rem .5rem;font-size:.85rem}.table-book-info strong{font-size:.9rem}.book-author-small{font-size:.8rem}}.renewal-badge-inline{display:inline-block;background:var(--color-accent);color:#fff;padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:600;margin-left:10px;vertical-align:middle}.rejection-modal{max-width:600px}.rejection-book-info{background:var(--color-background);padding:1rem;border-radius:8px;margin-bottom:1.5rem}.rejection-book-info strong{font-size:1.1rem;color:var(--color-dark);display:block;margin-bottom:.5rem}.rejection-book-info p{color:var(--color-dark);opacity:.8;margin:0}.rejection-reasons{margin-top:1rem}.rejection-reasons>label{display:block;font-weight:600;color:var(--color-dark);margin-bottom:1rem}.reason-options{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.reason-option{display:flex;align-items:center;padding:.75rem 1rem;border:2px solid var(--color-light);border-radius:8px;cursor:pointer;transition:all .2s}.reason-option:hover{border-color:var(--color-secondary);background:var(--color-background)}.reason-option input[type=radio]{margin-right:.75rem;width:18px;height:18px;cursor:pointer}.reason-option input[type=radio]:checked+span{color:var(--color-accent);font-weight:600}.reason-option:has(input:checked){border-color:var(--color-accent);background:var(--color-background)}.custom-reason{margin-top:1rem;animation:slideDown .3s}.custom-reason label{display:block;font-weight:600;color:var(--color-dark);margin-bottom:.5rem}.custom-reason textarea{width:100%;padding:.75rem;border:2px solid var(--color-light);border-radius:8px;font-size:1rem;font-family:inherit;resize:vertical;transition:all .2s}.custom-reason textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #c17d3a1a}.reject-confirm-button{background:var(--color-danger)}.reject-confirm-button:hover{box-shadow:0 4px 12px #b91c1c66}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:200px}}.admin-header{background:var(--color-dark);margin:-2rem -2rem 2rem;padding:2rem 2rem 1.75rem;border-bottom:3px solid var(--color-primary)}.admin-header h1{color:var(--color-primary)!important;font-size:1.6rem!important;letter-spacing:.04em;text-transform:uppercase}.admin-header .subtitle{color:#ffffff73!important}.stat-card:nth-child(1) .stat-icon{color:var(--color-primary)}.stat-card:nth-child(2) .stat-icon{color:var(--color-olive)}.stat-card:nth-child(3) .stat-icon{color:var(--color-slate)}.stat-card:nth-child(4) .stat-icon{color:var(--color-beige)}.stat-card{border-top:3px solid transparent;border-radius:12px}.stat-card:nth-child(1){border-top-color:var(--color-primary)}.stat-card:nth-child(2){border-top-color:var(--color-olive)}.stat-card:nth-child(3){border-top-color:var(--color-slate)}.stat-card:nth-child(4){border-top-color:var(--color-dark-gold)}.tab-button.active{color:var(--color-dark)!important;background:var(--color-primary)!important;border-color:var(--color-primary)!important}.tab-button:hover:not(.active){color:var(--color-primary)!important;border-color:var(--color-primary)!important}.approve-button{background:var(--color-olive)!important;color:var(--color-white)!important}.approve-button:hover{background:#6d7a5a!important}.section-heading{font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-dark);opacity:.4;padding-left:.75rem;border-left:3px solid var(--color-primary)}.tab--email{margin-left:auto;background:var(--color-dark)!important;color:var(--color-primary)!important;border-color:var(--color-dark)!important;letter-spacing:.04em}.tab--email:hover{background:var(--color-primary)!important;color:var(--color-dark)!important;border-color:var(--color-primary)!important}.ab-dashboard{display:flex;flex-direction:column;gap:2rem;animation:fadeIn .4s ease}.ab-summary{display:flex;gap:1px;background:var(--color-light);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm);border:1.5px solid var(--color-light)}.ab-stat{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;padding:1.1rem .75rem;background:var(--color-white);cursor:default;transition:background .2s}.ab-stat:hover{background:#fafafa}.ab-stat-count{font-family:var(--font-display);font-size:1.9rem;font-weight:700;line-height:1}.ab-stat-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--color-dark);opacity:.5;text-align:center}.ab-stat--overdue .ab-stat-count{color:var(--color-danger)}.ab-stat--ready .ab-stat-count{color:var(--color-primary)}.ab-stat--loan .ab-stat-count{color:var(--color-olive)}.ab-stat--pending .ab-stat-count{color:var(--color-gold)}.ab-stat--history .ab-stat-count{color:var(--color-slate)}.ab-group{border-radius:14px;overflow:hidden;box-shadow:0 2px 12px #00000012;border:1.5px solid var(--color-light);background:var(--color-white)}.ab-group--dimmed{opacity:.8}.ab-group--dimmed:hover{opacity:1;transition:opacity .2s}.ab-group-header{display:flex;align-items:center;gap:.75rem;padding:.85rem 1.25rem;font-weight:700;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase}.ab-group-icon{font-size:1rem;line-height:1}.ab-group-title{flex:1}.ab-group-count{background:#ffffff4d;padding:.2rem .6rem;border-radius:20px;font-size:.78rem;font-weight:700}.ab-accent--overdue{background:var(--color-danger);color:#fff}.ab-accent--ready{background:var(--color-primary);color:var(--color-dark)}.ab-accent--loan{background:var(--color-olive);color:#fff}.ab-accent--pending{background:var(--color-gold);color:#fff}.ab-accent--history{background:var(--color-slate);color:#fff}.ab-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.ab-table{width:100%;border-collapse:collapse;font-size:.9rem}.ab-table thead{background:#f8f6f2;border-bottom:2px solid var(--color-light)}.ab-table th{padding:.75rem 1rem;text-align:left;font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--color-dark);opacity:.55;white-space:nowrap}.ab-table td{padding:.85rem 1rem;border-top:1px solid rgba(0,0,0,.045);vertical-align:middle}.ab-table tbody tr{transition:background .15s}.ab-table tbody tr:hover{background:#c697600a}.ab-row--overdue{background:#c0392b0a!important}.ab-row--overdue:hover{background:#c0392b14!important}.ab-book{display:flex;flex-direction:column;gap:.15rem}.ab-book-title{font-weight:700;color:var(--color-dark);font-size:.92rem}.ab-book-author{font-size:.8rem;color:var(--color-dark);opacity:.55;font-style:italic}.ab-book-shelf{display:inline-flex;align-items:center;gap:.25rem;font-size:.73rem;font-weight:600;color:var(--color-dark);opacity:.45;margin-top:.1rem}.ab-book-shelf--highlight{opacity:1;color:var(--color-primary);background:#c697601f;border:1px solid rgba(198,151,96,.3);border-radius:4px;padding:.15rem .4rem}.ab-user{display:flex;flex-direction:column;gap:.15rem}.ab-user-name{font-weight:600;font-size:.88rem;color:var(--color-dark)}.ab-user-email{font-size:.77rem;color:var(--color-dark);opacity:.5}.ab-date-cell{white-space:nowrap}.ab-date{font-size:.85rem;color:var(--color-dark);opacity:.7}.ab-overdue-date{display:inline-flex;align-items:center;gap:.35rem;color:var(--color-danger);font-weight:700;font-size:.85rem}.ab-overdue-pip{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--color-danger);color:#fff;flex-shrink:0}.ab-shelf-tag{display:inline-flex;align-items:center;gap:.3rem;font-size:.82rem;font-weight:700;color:var(--color-primary);background:#c697601f;border:1px solid rgba(198,151,96,.3);border-radius:6px;padding:.25rem .6rem}.ab-status-pill{display:inline-block;padding:.3rem .7rem;border-radius:20px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.ab-status-pill--status-pending{background:var(--color-warning);color:var(--color-dark)}.ab-status-pill--status-ready{background:var(--color-primary);color:var(--color-dark)}.ab-status-pill--status-collected{background:var(--color-olive);color:#fff}.ab-status-pill--status-returned{background:var(--color-slate);color:#fff}.ab-status-pill--status-rejected{background:var(--color-danger);color:#fff}.ab-action-cell{white-space:nowrap}.ab-btn{padding:.45rem .9rem;border:none;border-radius:6px;font-family:var(--font-body);font-size:.8rem;font-weight:700;cursor:pointer;transition:all .2s;letter-spacing:.02em;white-space:nowrap}.ab-btn--return{background:var(--color-olive);color:#fff}.ab-btn--return:hover:not(:disabled){background:var(--color-success);box-shadow:0 2px 8px #808e6b59;transform:translateY(-1px)}.ab-btn--collect{background:var(--color-primary);color:var(--color-dark)}.ab-btn--collect:hover:not(:disabled){background:var(--color-primary-dark);color:#fff;box-shadow:0 2px 8px #c6976059;transform:translateY(-1px)}.ab-btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important;box-shadow:none!important}@media (max-width: 768px){.ab-summary{flex-wrap:wrap;gap:0}.ab-stat{flex:1 1 33%;min-width:80px;padding:.85rem .5rem}.ab-stat-count{font-size:1.5rem}.ab-table{min-width:700px}}@media (max-width: 480px){.ab-stat{flex:1 1 50%}}.ab-search-wrap{position:relative;display:flex;align-items:center}.ab-search-icon{position:absolute;left:1rem;color:var(--color-dark);opacity:.4;pointer-events:none;display:flex;align-items:center}.ab-search-input{width:100%;padding:.8rem 2.8rem .8rem 2.75rem;border:2px solid var(--color-light);border-radius:10px;font-family:var(--font-body);font-size:.95rem;color:var(--color-dark);background:var(--color-white);transition:border-color .2s,box-shadow .2s}.ab-search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #c6976026}.ab-search-input::placeholder{color:var(--color-dark);opacity:.35}.ab-search-clear{position:absolute;right:.9rem;background:none;border:none;cursor:pointer;color:var(--color-dark);opacity:.4;display:flex;align-items:center;padding:.25rem;border-radius:4px;transition:opacity .15s}.ab-search-clear:hover{opacity:1}.ab-no-results{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:3rem 1rem;color:var(--color-dark);opacity:.5;text-align:center}.ab-no-results p{font-size:1rem;margin:0}.rq-modal{background:var(--color-white);border-radius:12px;width:100%;max-width:460px;overflow:hidden;box-shadow:0 8px 40px #20222238}.rq-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.5rem;border-bottom:1px solid var(--color-light-2);background:var(--color-white)}.rq-modal-title{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--color-dark);line-height:1.3}.rq-modal-close{background:none;border:none;font-size:1.3rem;cursor:pointer;color:var(--color-dark);opacity:.4;padding:.2rem .4rem;line-height:1;flex-shrink:0;margin-left:1rem;transition:opacity .2s}.rq-modal-close:hover{opacity:.85}.rq-modal-body{padding:1.4rem 1.5rem 1.5rem}.rq-book-name{font-size:.93rem;color:var(--color-dark);margin:0 0 .6rem;line-height:1.5}.rq-queue-note{font-size:.88rem;color:var(--color-dark);opacity:.65;margin:0 0 1.25rem;line-height:1.6}.rq-options{display:flex;flex-direction:column;gap:.65rem}.rq-option{display:flex;align-items:flex-start;gap:.85rem;width:100%;padding:.95rem 1.1rem;border:none;border-radius:8px;cursor:pointer;text-align:left;transition:filter .15s,transform .15s}.rq-option:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.rq-option:disabled{opacity:.55;cursor:not-allowed;transform:none}.rq-option--queue{background:var(--color-success, #4a7c5e);color:#fff}.rq-option--walkin{background:var(--color-primary);color:var(--color-dark)}.rq-option-icon{font-size:1.2rem;line-height:1;flex-shrink:0;margin-top:2px}.rq-option-text{display:flex;flex-direction:column;gap:.25rem}.rq-option-title{font-family:var(--font-display);font-size:.9rem;font-weight:700;line-height:1.3}.rq-option-desc{font-size:.8rem;line-height:1.5;opacity:.82}:root{--gold: #9a865f;--dark-gold: #847153;--beige: #c6b08d;--dark-grey: #202222;--mustard: #c69760;--olive: #808e6b;--slate: #899cad;--font-primary: "Montserrat", sans-serif;--font-body: "Open Sans", sans-serif}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden;background:#ede5d8}.login-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(-45deg,transparent,transparent 60px,rgba(154,134,95,.04) 60px,rgba(154,134,95,.04) 120px),radial-gradient(ellipse at 75% 15%,rgba(198,151,96,.14) 0%,transparent 55%),radial-gradient(ellipse at 15% 85%,rgba(128,142,107,.1) 0%,transparent 50%);pointer-events:none}.login-background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.bg-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/home-wallpaper.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.3;mix-blend-mode:multiply}.login-card{background:#fdfaf5;border-radius:4px;box-shadow:0 2px 4px #20222214,0 12px 32px #2022221f,0 40px 80px #2022221a;width:100%;max-width:420px;position:relative;z-index:1;overflow:hidden;border:1px solid rgba(154,134,95,.25);animation:riseIn .75s cubic-bezier(.16,1,.3,1) both}@keyframes riseIn{0%{transform:translateY(18px);opacity:0}to{transform:translateY(0);opacity:1}}.login-header{background:var(--dark-grey);padding:2.5rem 2.5rem 2rem;text-align:center;position:relative;overflow:hidden}.login-header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% -10%,rgba(198,151,96,.2) 0%,transparent 60%);pointer-events:none}.login-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--dark-gold) 25%,var(--beige) 50%,var(--dark-gold) 75%,transparent 100%)}.login-title{font-family:var(--font-primary);font-size:1.05rem;color:var(--beige);margin:0;font-weight:700;letter-spacing:.32em;text-transform:uppercase;position:relative}.login-divider{display:flex;align-items:center;gap:.75rem;margin:1.1rem 0;position:relative}.login-divider:before{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(198,176,141,.3))}.login-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(198,176,141,.3),transparent)}.divider-ornament{color:var(--gold);font-size:.45rem;letter-spacing:.5em;opacity:.7}.login-subtitle{font-family:var(--font-body);font-size:.88rem;color:#ffffff6b;font-style:italic;font-weight:300;line-height:1.85;margin:0;position:relative}.quote-author{display:block;margin-top:.8rem;color:var(--gold);opacity:.7;font-style:normal;font-size:.62rem;font-family:var(--font-primary);font-weight:600;letter-spacing:.18em;text-transform:uppercase;position:relative}.login-form{display:flex;flex-direction:column;gap:1.15rem;padding:2rem 2.5rem 1rem}.form-group{display:flex;flex-direction:column;gap:.45rem}.form-group label{color:var(--dark-grey);font-family:var(--font-primary);font-weight:700;font-size:.6rem;text-transform:uppercase;letter-spacing:.2em}.form-group input{padding:.8rem 1rem;border:1.5px solid rgba(154,134,95,.28);border-radius:3px;font-size:.9rem;font-family:var(--font-body);font-weight:400;background:#faf7f2;color:var(--dark-grey);transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;width:100%;box-sizing:border-box}.form-group input::placeholder{color:#20222247;font-style:italic}.form-group input:focus{outline:none;border-color:var(--gold);background:#fdfaf5;box-shadow:0 0 0 3px #9a865f1a}.form-group input:-webkit-autofill,.form-group input:-webkit-autofill:hover,.form-group input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0px 1000px #FAF7F2 inset;-webkit-text-fill-color:var(--dark-grey);border-color:var(--gold)}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper input{flex:1;padding-right:3rem}.password-toggle{position:absolute;right:.85rem;background:none;border:none;color:var(--dark-gold);cursor:pointer;padding:.3rem;display:flex;align-items:center;opacity:.5;transition:opacity .2s}.password-toggle:hover{opacity:1}.forgot-row{text-align:right;margin-top:-.15rem}.forgot-password-link{color:var(--dark-gold);text-decoration:none;font-size:.78rem;font-family:var(--font-body);font-style:italic;transition:color .2s}.forgot-password-link:hover{color:var(--mustard);text-decoration:underline;text-underline-offset:3px}.login-button{margin-top:.35rem;padding:.9rem;border-radius:3px;border:none;background:var(--gold);color:var(--dark-grey);font-family:var(--font-primary);font-weight:700;font-size:.68rem;letter-spacing:.28em;text-transform:uppercase;cursor:pointer;transition:all .22s ease}.login-button:hover:not(:disabled){background:var(--dark-gold);transform:translateY(-2px);box-shadow:0 8px 20px #20222233}.login-button:active:not(:disabled){transform:translateY(0);box-shadow:none}.login-button:disabled{opacity:.45;cursor:not-allowed}.login-footer{margin:0 2.5rem;padding:1.25rem 0 1.75rem;border-top:1px solid rgba(154,134,95,.18);text-align:center}.login-footer p{font-size:.8rem;font-style:italic;font-family:var(--font-body);font-weight:300;color:#20222266;margin:0}.error-banner{background:#fef2f2;border:1px solid #fca5a5;color:#b91c1c;padding:.7rem 1rem;border-radius:3px;font-size:.85rem;font-family:var(--font-body)}@media (max-width: 480px){.login-container{padding:1rem}.login-header{padding:2rem 1.75rem 1.75rem}.login-form{padding:1.75rem 1.75rem 1rem}.login-footer{margin:0 1.75rem}.login-title{font-size:.9rem;letter-spacing:.22em}}.mini-player{position:fixed;bottom:0;left:0;right:0;z-index:1000;background:var(--color-surface, #1e1e1e);border-top:1px solid var(--color-border, rgba(198, 151, 96, .25));box-shadow:0 -4px 24px #0006;animation:mini-player-slide-up .28s cubic-bezier(.34,1.56,.64,1)}@keyframes mini-player-slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.mini-player-progress-bar{width:100%;height:3px;background:var(--color-border, rgba(255,255,255,.1));cursor:pointer;position:relative;transition:height .15s}.mini-player-progress-bar:hover{height:5px}.mini-player-progress-fill{height:100%;background:var(--color-gold, #c69760);border-radius:0 2px 2px 0;transition:width .25s linear;pointer-events:none}.mini-player-body{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;gap:16px}.mini-player-info{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.mini-player-icon{font-size:1.2rem;flex-shrink:0}.mini-player-text{display:flex;flex-direction:column;min-width:0}.mini-player-title{font-size:.875rem;font-weight:600;color:var(--color-text, #f0ebe3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-player-filename{font-size:.725rem;color:var(--color-text-muted, #888);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-player-controls{display:flex;align-items:center;gap:12px;flex-shrink:0}.mini-player-time{font-size:.775rem;color:var(--color-text-muted, #888);font-variant-numeric:tabular-nums;min-width:80px;text-align:right}.mini-player-btn{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .15s,color .15s,transform .1s;color:var(--color-text, #f0ebe3);padding:6px}.mini-player-btn:hover{background:#c697601f;color:var(--color-gold, #c69760)}.mini-player-btn:active{transform:scale(.92)}.mini-player-btn:disabled{opacity:.5;cursor:not-allowed}.mini-player-playpause{width:38px;height:38px;background:var(--color-gold, #c69760)!important;color:#1a1a1a!important}.mini-player-playpause:hover{background:color-mix(in srgb,var(--color-gold, #c69760) 85%,white)!important;color:#1a1a1a!important}.mini-player-close{opacity:.6;width:30px;height:30px}.mini-player-close:hover{opacity:1}.mini-player-spinner{width:16px;height:16px;border:2px solid rgba(26,26,26,.3);border-top-color:#1a1a1a;border-radius:50%;animation:spin .7s linear infinite;display:inline-block}.resource-modal-play{margin-bottom:8px;width:100%;background:var(--color-gold, #c69760)!important;color:#1a1a1a!important}body.mini-player-open .main-content{padding-bottom:72px}:root{--color-primary: #c69760;--color-primary-dark: #a87d4a;--color-gold: #9a865f;--color-dark-gold: #847153;--color-beige: #c6b08d;--color-olive: #808e6b;--color-slate: #899cad;--color-dark: #202222;--color-white: #ffffff;--color-background: #ffffff;--color-light: #f5f1eb;--color-light-2: #ede8df;--color-secondary: var(--color-beige);--color-accent: var(--color-gold);--color-success: var(--color-olive);--color-warning: var(--color-primary);--color-danger: #b91c1c;--font-display: "Montserrat", sans-serif;--font-body: "Open Sans", sans-serif;--shadow-sm: 0 1px 4px rgba(32, 34, 34, .07);--shadow-md: 0 4px 16px rgba(32, 34, 34, .11);--shadow-lg: 0 10px 30px rgba(32, 34, 34, .16);--shadow-xl: 0 20px 50px rgba(32, 34, 34, .22);--transition: all .28s cubic-bezier(.4, 0, .2, 1)}body{font-family:var(--font-body);background:var(--color-background);color:var(--color-dark);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{min-height:100vh;display:flex;flex-direction:column}.nav-bar{background:var(--color-dark);border-bottom:3px solid var(--color-primary);padding:0 2rem;position:sticky;top:0;z-index:100;box-shadow:0 2px 20px #20222266}.nav-container{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;height:62px;position:relative}.hamburger-menu{display:none;flex-direction:column;justify-content:space-around;width:28px;height:22px;background:transparent;border:none;cursor:pointer;padding:0;z-index:101}.hamburger-menu span{width:28px;height:2.5px;background:var(--color-primary);border-radius:2px;transition:all .3s ease;transform-origin:center}.hamburger-menu span.open:nth-child(1){transform:rotate(45deg) translateY(8px)}.hamburger-menu span.open:nth-child(2){opacity:0}.hamburger-menu span.open:nth-child(3){transform:rotate(-45deg) translateY(-8px)}.nav-brand{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--color-white);text-decoration:none;letter-spacing:.04em;text-transform:uppercase;transition:var(--transition);display:flex;align-items:center;gap:.75rem}.nav-logo{width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid var(--color-primary);transition:var(--transition)}.nav-title{font-size:1.1rem;font-weight:700;letter-spacing:.04em}.nav-brand:hover{color:var(--color-primary)}.nav-brand:hover .nav-logo{border-color:var(--color-beige);transform:scale(1.08)}.nav-links{display:flex;gap:.25rem;align-items:center}.nav-link{font-family:var(--font-display);font-size:.78rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#ffffffb3;text-decoration:none;padding:.4rem .85rem;border-radius:4px;transition:var(--transition);position:relative}.nav-link:hover{color:var(--color-primary);background:#c697601a}.nav-link.active{color:var(--color-primary);background:#c6976026}.nav-link:after{content:"";position:absolute;bottom:-1px;left:50%;transform:translate(-50%);width:0;height:2px;background:var(--color-primary);transition:width .25s ease;border-radius:2px}.nav-link:hover:after,.nav-link.active:after{width:70%}.user-info{display:flex;align-items:center;gap:.6rem;padding:.3rem .6rem .3rem .3rem;background:#ffffff12;border-radius:50px;border:1px solid rgba(198,151,96,.25)}.user-name{font-size:.82rem;color:#ffffffd9;font-weight:500;display:flex;align-items:center;gap:.4rem}.admin-badge{background:var(--color-primary);color:var(--color-dark);padding:.15rem .5rem;border-radius:10px;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.admin-link{color:var(--color-primary)!important}.admin-link:after{background:var(--color-primary)!important}.logout-button{background:transparent;color:#fffc;border:1.5px solid rgba(198,151,96,.4);padding:.3rem .9rem;border-radius:50px;font-family:var(--font-display);font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:var(--transition)}.logout-button:hover{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-dark);transform:translateY(-1px)}.main-content{flex:1;max-width:1400px;width:100%;margin:0 auto;padding:2rem}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.loading-spinner{width:44px;height:44px;border:3px solid var(--color-light-2);border-top-color:var(--color-primary);border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-state p,.empty-state p{margin-top:1rem;color:var(--color-dark);opacity:.6;font-size:1rem}.empty-state h2{font-family:var(--font-display);font-size:1.6rem;font-weight:700;color:var(--color-primary);margin-top:1rem}.empty-icon{font-size:3.5rem;opacity:.4}@keyframes fadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@media (max-width: 1024px){.nav-links{gap:.15rem}.main-content{padding:2rem 1.5rem}}@media (max-width: 768px){.nav-bar{padding:0 1rem}.hamburger-menu{display:flex}.nav-brand{font-size:.95rem}.nav-logo{width:34px;height:34px}.nav-title{font-size:.95rem}.nav-links{position:absolute;top:calc(100% + 3px);left:0;right:0;background:var(--color-dark);flex-direction:column;gap:.25rem;width:100%;padding:.75rem;box-shadow:0 8px 24px #0006;max-height:0;overflow:hidden;opacity:0;transition:all .3s ease;border-top:1px solid rgba(198,151,96,.2)}.nav-links.open{max-height:500px;opacity:1;padding:.75rem}.nav-link{font-size:.85rem;padding:.65rem 1rem;border-radius:6px;text-align:center;width:100%}.nav-link:after{display:none}.user-info{width:100%;justify-content:space-between;padding:.5rem .75rem;border-radius:8px}.logout-button{padding:.5rem 1rem}.main-content{padding:1.5rem 1rem}}@media (max-width: 480px){.nav-brand{font-size:.9rem}.nav-logo{width:30px;height:30px}.user-info{flex-direction:column;gap:.5rem;padding:.75rem;border-radius:8px}.logout-button{width:100%;text-align:center}.main-content{padding:1rem .75rem}}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:Crimson Pro,serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}