:root{--theme-mode:light;--color-primary:#4f46e5;--color-on-primary:#fff;--color-secondary:#0891b2;--color-on-secondary:#f0fdfa;--color-accent:#d946ef;--color-on-accent:#fdf4ff;--color-surface:#fff;--color-surface-muted:#f1f5f9;--color-background:#f8fafc;--color-border:#e2e8f0;--color-text:#0f172a;--color-text-muted:#475569;--color-success:#0f766e;--color-warning:#b45309;--color-danger:#dc2626;--color-overlay:rgba(15,23,42,0.6);--gradient-hero:linear-gradient(135deg,#4f46e5,#9333ea 50%,#14b8a6);--font-family-base:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-family-heading:"Clash Display","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-size-base:16px;--font-size-h1:53px;--font-size-h2:42px;--font-size-h3:33px;--font-size-h4:26px;--font-size-h5:20px;--font-size-h6:16px;--line-height-base:1.58;--letter-spacing-base:-0.01em;--shadow-xs:0 1px 2px rgba(15,23,42,0.08),0 1px 1px rgba(15,23,42,0.04);--shadow-sm:0 12px 30px rgba(79,70,229,0.08),0 4px 10px rgba(15,23,42,0.06);--shadow-md:0 25px 50px rgba(15,23,42,0.15),0 15px 30px rgba(15,23,42,0.08);--shadow-lg:0 35px 60px rgba(15,23,42,0.18),0 25px 40px rgba(79,70,229,0.08);--radius-xs:6px;--radius-sm:10px;--radius-md:18px;--radius-lg:24px;--radius-pill:999px;--transition-fast:150ms ease;--transition-medium:225ms ease;--transition-slow:350ms ease;--layout-content-max-width:1280px;--layout-sidebar-width:320px;--layout-section-spacing:64px;--layout-grid-gap:24px;--spacing-base:4px;--spacing-scale:1.6;--spacing-container:32px;--spacing-section-y:96px}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;font-size:var(--font-size-base);font-family:var(--font-family-base);line-height:var(--line-height-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-background);color:var(--color-text);transition:background var(--transition-medium),color var(--transition-medium)}#root{min-height:100vh}a{color:inherit;text-decoration:none;transition:color var(--transition-fast),opacity var(--transition-fast)}a:hover{color:var(--color-primary)}button{font-family:inherit}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);color:var(--color-text);letter-spacing:var(--letter-spacing-base);margin:0 0 calc(var(--spacing-base)*4)}h1{font-size:var(--font-size-h1)}h2{font-size:var(--font-size-h2)}h3{font-size:var(--font-size-h3)}h4{font-size:var(--font-size-h4)}h5{font-size:var(--font-size-h5)}h6{font-size:var(--font-size-h6)}p{margin-top:0;margin-bottom:calc(var(--spacing-base)*3);color:var(--color-text-muted)}code{font-family:"JetBrains Mono","Source Code Pro",Menlo,Monaco,Consolas,"Courier New",monospace;background:var(--color-surface-muted);padding:.2em .4em;border-radius:var(--radius-xs);color:var(--color-secondary)}::selection{background:rgba(79,70,229,.3)}.ui-btn{display:inline-flex;align-items:center;justify-content:center;grid-gap:10px;gap:10px;border:none;cursor:pointer;font-weight:600;letter-spacing:.04em;text-transform:uppercase;border-radius:var(--radius-pill);transition:transform var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast);padding:14px 26px;position:relative}.ui-btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important;box-shadow:none!important}.ui-btn--primary{background:var(--color-primary);color:var(--color-on-primary);box-shadow:0 18px 32px rgba(79,70,229,.34)}.ui-btn--primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 22px 36px rgba(79,70,229,.42)}.ui-btn--secondary{background:var(--color-secondary);color:var(--color-on-secondary);box-shadow:0 18px 30px rgba(8,145,178,.32)}.ui-btn--secondary:hover:not(:disabled){transform:translateY(-2px)}.ui-btn--ghost{background:transparent;color:var(--color-text);box-shadow:inset 0 0 0 1px rgba(148,163,184,.4)}.ui-btn--ghost:hover:not(:disabled){transform:translateY(-2px);box-shadow:inset 0 0 0 1px rgba(79,70,229,.35)}.ui-btn--subtle{background:rgba(79,70,229,.08);color:var(--color-primary)}.ui-btn--subtle:hover:not(:disabled){background:rgba(79,70,229,.12)}.ui-btn--danger{background:var(--color-danger);color:#fff;box-shadow:0 18px 28px rgba(220,38,38,.24)}.ui-btn--sm{padding:10px 20px;font-size:12px;grid-gap:6px;gap:6px}.ui-btn--lg{padding:16px 30px;font-size:15px}.ui-btn--icon-only{padding:12px;border-radius:var(--radius-md)}.ui-btn__icon{display:inline-flex;align-items:center;justify-content:center}.ui-card{position:relative;background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid rgba(15,23,42,.08);box-shadow:var(--shadow-sm);transition:transform var(--transition-medium),box-shadow var(--transition-medium);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ui-card--interactive:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.ui-card--pad-sm{padding:18px}.ui-card--pad-md{padding:28px}.ui-card--pad-lg{padding:40px}.ui-card__header{display:flex;justify-content:space-between;align-items:flex-start;grid-gap:16px;gap:16px;margin-bottom:20px}.ui-card__heading{font-family:var(--font-family-heading);font-size:24px;margin:0;color:var(--color-text)}.ui-card__meta{font-size:13px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted)}.ui-card__actions{display:inline-flex;grid-gap:12px;gap:12px}.ui-input{display:flex;flex-direction:column;grid-gap:8px;gap:8px}.ui-input__label{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);font-weight:600}.ui-input__control{display:inline-flex;align-items:center;background:rgba(148,163,184,.08);border-radius:var(--radius-md);border:1px solid rgba(148,163,184,.32);transition:border var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast);padding:0 16px}.ui-input__control:focus-within{border-color:var(--color-primary);background:hsla(0,0%,100%,.9);box-shadow:0 0 0 3px rgba(79,70,229,.16)}.ui-input__field{flex:1 1;border:none;background:transparent;padding:14px 0;font-size:15px;color:var(--color-text)}.ui-input__field:focus{outline:none}.ui-input__icon{display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-muted)}.ui-input__icon--leading{margin-right:12px}.ui-input__icon--trailing{margin-left:12px}.ui-input__description{font-size:13px;color:var(--color-text-muted)}.ui-input__error{font-size:13px;color:var(--color-danger);font-weight:600}.ui-badge{display:inline-flex;align-items:center;grid-gap:8px;gap:8px;padding:6px 14px;border-radius:var(--radius-pill);font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;background:rgba(15,23,42,.08);color:var(--color-text)}.ui-badge--primary{background:rgba(79,70,229,.16);color:var(--color-primary)}.ui-badge--success{background:rgba(15,118,110,.18);color:var(--color-success)}.ui-badge--danger{background:rgba(220,38,38,.18);color:var(--color-danger)}.ui-divider{height:1px;width:100%;background:rgba(148,163,184,.24)}.ui-stack{display:flex;grid-gap:16px;gap:16px;flex-wrap:wrap}.ui-stack--column{flex-direction:column}.ui-stack--center{align-items:center}.ui-select{position:relative;display:flex;flex-direction:column;grid-gap:8px;gap:8px;width:100%}.ui-select__label{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);font-weight:600}.ui-select__control{display:flex;align-items:center;justify-content:space-between;background:rgba(148,163,184,.08);border-radius:var(--radius-md);border:1px solid rgba(148,163,184,.32);transition:border var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast);padding:14px 16px;cursor:pointer;min-height:48px;-webkit-user-select:none;user-select:none}.ui-select__control--open,.ui-select__control:hover:not(.ui-select__control--disabled){border-color:var(--color-primary);background:hsla(0,0%,100%,.9)}.ui-select__control--open{box-shadow:0 0 0 3px rgba(79,70,229,.16)}.ui-select__control--disabled{background:var(--color-surface-muted);cursor:not-allowed;opacity:.6}.ui-select__control--error{border-color:var(--color-danger)}.ui-select__value{flex:1 1;font-size:15px;color:var(--color-text);text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-select__value--placeholder{color:var(--color-text-muted)}.ui-select__actions{display:flex;align-items:center;grid-gap:8px;gap:8px;margin-left:12px}.ui-select__clear{display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;padding:4px;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.ui-select__clear:hover{background:rgba(148,163,184,.2);color:var(--color-text)}.ui-select__arrow{color:var(--color-text-muted);transition:transform var(--transition-fast);font-size:24px!important}.ui-select__arrow--open{transform:rotate(180deg)}.ui-select__dropdown{position:fixed;z-index:10000;background:var(--color-surface);border:1px solid rgba(148,163,184,.2);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-height:300px;overflow:hidden;display:flex;flex-direction:column;animation:dropdownFadeIn .2s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.ui-select__search{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid rgba(148,163,184,.2);background:var(--color-surface-muted);grid-gap:12px;gap:12px}.ui-select__search-icon{color:var(--color-text-muted);font-size:20px!important;flex-shrink:0}.ui-select__search-input{flex:1 1;border:none;background:transparent;font-size:14px;color:var(--color-text);outline:none;font-family:var(--font-family-base)}.ui-select__search-input::placeholder{color:var(--color-text-muted)}.ui-select__options{max-height:240px;overflow-y:auto;padding:8px 0}.ui-select__options::-webkit-scrollbar{width:8px}.ui-select__options::-webkit-scrollbar-track{background:var(--color-surface-muted);border-radius:var(--radius-sm)}.ui-select__options::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-sm)}.ui-select__options::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.ui-select__option{display:flex;align-items:center;grid-gap:12px;gap:12px;padding:12px 16px;cursor:pointer;transition:background var(--transition-fast);font-size:15px;color:var(--color-text)}.ui-select__option--highlighted,.ui-select__option:hover{background:rgba(79,70,229,.08)}.ui-select__option--selected{background:rgba(79,70,229,.12);color:var(--color-primary);font-weight:600}.ui-select__option--selected.ui-select__option--highlighted{background:rgba(79,70,229,.16)}.ui-select__checkbox{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:2px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-primary);font-weight:700;font-size:12px;flex-shrink:0;transition:all var(--transition-fast)}.ui-select__option--selected .ui-select__checkbox{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.ui-select__option-text{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-select__no-results{padding:24px 16px;text-align:center;color:var(--color-text-muted);font-size:14px}.ui-select__description{font-size:12px;color:var(--color-text-muted);margin-top:4px}.ui-select__error{font-size:12px;color:var(--color-danger);margin-top:4px}.home{background:var(--color-background);color:var(--color-text)}.home__hero{position:relative;padding:clamp(80px,12vw,160px) clamp(24px,8vw,120px) clamp(64px,10vw,120px);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);grid-gap:clamp(32px,6vw,80px);gap:clamp(32px,6vw,80px);align-items:center;overflow:hidden;background:radial-gradient(circle at 20% 20%,rgba(79,70,229,.18),transparent 52%),radial-gradient(circle at 80% 10%,rgba(217,70,239,.18),transparent 46%),linear-gradient(135deg,rgba(15,23,42,.9),rgba(15,23,42,.65));border-bottom-left-radius:clamp(48px,7vw,92px);border-bottom-right-radius:clamp(48px,7vw,92px);box-shadow:0 40px 120px rgba(15,23,42,.35)}.home__hero-orbit{position:absolute;inset:0;background:radial-gradient(circle at 50% -10%,hsla(0,0%,100%,.18),transparent 60%);opacity:.65;pointer-events:none}.home__hero-content{position:relative;z-index:2;display:flex;flex-direction:column;grid-gap:24px;gap:24px;color:var(--color-on-primary)}.home__hero-content h1{font-size:clamp(2.6rem,4.5vw,4rem);line-height:1.08;margin:0;color:var(--color-on-primary);text-shadow:0 18px 38px rgba(15,23,42,.45)}.home__hero-content p{font-size:1.06rem;line-height:1.7;max-width:620px;color:hsla(0,0%,100%,.72)}.home__hero-actions{display:inline-flex;grid-gap:16px;gap:16px;flex-wrap:wrap}.home__hero-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:18px;gap:18px;padding-top:12px}.home__hero-metrics div{background:rgba(15,23,42,.52);border:1px solid rgba(79,70,229,.32);border-radius:var(--radius-lg);padding:18px 22px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;flex-direction:column;grid-gap:6px;gap:6px;min-width:140px;color:rgba(241,245,249,.92)}.home__metric-value{font-family:var(--font-family-heading);font-size:2rem;color:rgba(241,245,249,.96)}.home__metric-label{font-size:.85rem;text-transform:uppercase;letter-spacing:.12em;color:rgba(226,232,240,.75)}.home__hero-capsule{position:relative;z-index:2}.home__hero-card{background:hsla(0,0%,100%,.92);color:var(--color-text);border:1px solid rgba(148,163,184,.24);box-shadow:0 28px 60px rgba(15,23,42,.22);display:flex;flex-direction:column;grid-gap:18px;gap:18px}.home__hero-card-header{display:inline-flex;align-items:center;grid-gap:10px;gap:10px;color:var(--color-primary);text-transform:uppercase;letter-spacing:.14em;font-weight:600;font-size:.75rem}.home__hero-card h3{font-size:1.8rem;margin:0}.home__hero-card p{color:var(--color-text-muted);margin:0;line-height:1.6}.home__highlights{padding:clamp(60px,10vw,100px) clamp(24px,6vw,90px);display:grid;grid-gap:48px;gap:48px}.home__highlights-head{display:grid;grid-gap:18px;gap:18px;max-width:720px}.home__highlights-head h2{font-size:clamp(2rem,3vw,2.8rem);margin:0}.home__highlights-head p{margin:0;color:var(--color-text-muted);line-height:1.7}.home__highlights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:28px;gap:28px}.home__highlight-card{display:flex;flex-direction:column;grid-gap:16px;gap:16px;min-height:240px;background:hsla(0,0%,100%,.92);border:1px solid rgba(148,163,184,.22)}.home__highlight-icon{width:56px;height:56px;border-radius:18px;background:rgba(79,70,229,.16);display:inline-flex;align-items:center;justify-content:center;color:var(--color-primary);font-size:26px;box-shadow:0 16px 32px rgba(79,70,229,.2)}.home__highlight-card h3{margin:0;font-size:1.3rem}.home__highlight-card p{margin:0;color:var(--color-text-muted);line-height:1.6}.home__collections{padding:clamp(60px,9vw,100px) clamp(24px,6vw,90px);display:grid;grid-gap:32px;gap:32px;background:rgba(248,250,252,.8)}.home__section-heading{display:grid;grid-gap:12px;gap:12px}.home__section-heading h2{margin:0;font-size:clamp(1.8rem,3vw,2.4rem)}@media (max-width:1024px){.home__hero{grid-template-columns:1fr;border-bottom-left-radius:clamp(36px,8vw,72px);border-bottom-right-radius:clamp(36px,8vw,72px)}.home__hero-card{max-width:420px}}@media (max-width:768px){.home__hero{padding:clamp(70px,14vw,120px) 20px 70px}.home__hero-actions{width:100%;flex-direction:column}.home__hero-card{max-width:100%}}.footer{margin-top:clamp(60px,9vw,120px);background:radial-gradient(circle at 10% 10%,rgba(79,70,229,.18),transparent 45%),radial-gradient(circle at 90% 15%,rgba(14,165,233,.18),transparent 45%),rgba(15,23,42,.95);color:var(--color-on-primary);padding:clamp(48px,8vw,90px) clamp(24px,8vw,110px);position:relative;overflow:hidden}.footer:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,hsla(0,0%,100%,.08),transparent);opacity:.4;pointer-events:none}.footer__glass{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-gap:clamp(32px,6vw,80px);gap:clamp(32px,6vw,80px);padding:clamp(32px,4vw,48px);border-radius:clamp(28px,4vw,42px);background:rgba(15,23,42,.7);border:1px solid hsla(0,0%,100%,.1);box-shadow:0 40px 80px rgba(15,23,42,.4);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.footer__brand{display:grid;grid-gap:18px;gap:18px;max-width:520px}.footer__tag{display:inline-flex;align-items:center;grid-gap:8px;gap:8px;padding:8px 16px;border-radius:var(--radius-pill);background:hsla(0,0%,100%,.92);text-transform:uppercase;letter-spacing:.14em;font-size:.75rem;color:var(--color-primary);box-shadow:0 12px 24px rgba(79,70,229,.16)}.footer__brand h2{margin:0;font-size:clamp(1.8rem,2.6vw,2.6rem);line-height:1.2;color:rgba(241,245,249,.96)}.footer__brand p{margin:0;color:rgba(226,232,240,.82);line-height:1.7}.footer__social{grid-gap:12px;gap:12px}.footer__social,.footer__social a{display:inline-flex;align-items:center}.footer__social a{width:42px;height:42px;border-radius:14px;background:hsla(0,0%,100%,.9);justify-content:center;color:var(--color-primary);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.footer__social a:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(79,70,229,.35)}.footer__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:26px;gap:26px}.footer__column{display:grid;grid-gap:14px;gap:14px}.footer__column h3{margin:0;font-size:1rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-primary)}.footer__item{display:inline-flex;grid-gap:12px;gap:12px;align-items:flex-start;color:rgba(226,232,240,.85)}.footer__item svg{font-size:20px;color:var(--color-secondary);margin-top:2px}.footer__links{display:grid;grid-gap:12px;gap:12px}.footer__links a{color:rgba(15,23,42,.72);text-decoration:none;letter-spacing:.06em;transition:color var(--transition-fast),transform var(--transition-fast);background:hsla(0,0%,100%,.88);padding:6px 12px;border-radius:var(--radius-pill)}.footer__links a:hover{color:var(--color-primary);transform:translateX(3px)}.footer__security-note{margin-top:12px;padding:10px 12px;background:rgba(79,70,229,.12);border-left:3px solid var(--color-primary);border-radius:6px}.footer__security-note small{color:rgba(226,232,240,.7);font-size:.7rem;line-height:1.5;display:block}.footer__item strong{color:rgba(241,245,249,.95);font-weight:600}.footer__security-link{color:var(--color-secondary);text-decoration:underline;transition:color var(--transition-fast)}.footer__security-link:hover{color:var(--color-primary)}.footer__bottom{position:relative;z-index:2;margin-top:clamp(30px,5vw,50px);display:grid;grid-gap:6px;gap:6px;text-align:center;color:hsla(0,0%,100%,.7);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem}.footer__bottom span{letter-spacing:.3em;font-size:.7rem}@media (max-width:992px){.footer__glass{grid-template-columns:1fr}}@media (max-width:600px){.footer{padding:60px 20px}.footer__social{flex-wrap:wrap}.footer__item{align-items:center}}.stats{padding:clamp(40px,8vw,80px) clamp(20px,5vw,60px);background:linear-gradient(135deg,rgba(79,70,229,.08),rgba(14,165,233,.12))}.stats__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:28px;gap:28px}.stats__card{display:grid;grid-template-columns:auto 1fr;grid-gap:18px;gap:18px;align-items:center;padding:24px;border-radius:var(--radius-lg);background:hsla(0,0%,100%,.85);box-shadow:0 18px 40px rgba(15,23,42,.12);border:1px solid rgba(148,163,184,.24);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.stats__icon{width:52px;height:52px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;color:var(--color-on-primary);background:var(--color-primary);box-shadow:0 12px 26px rgba(79,70,229,.25)}.stats__icon svg{font-size:28px}.stats__meta{display:flex;flex-direction:column;grid-gap:6px;gap:6px}.stats__label{font-size:.8rem;text-transform:uppercase;letter-spacing:.14em;color:var(--color-text-muted)}.stats__value{font-size:2rem;font-family:var(--font-family-heading);color:var(--color-text);margin:0}.stats__hint{font-size:.95rem;color:var(--color-text-muted)}@media (max-width:600px){.stats__card{grid-template-columns:1fr;text-align:center;grid-gap:12px;gap:12px}.stats__icon{margin:0 auto}}.recent-books-container{width:100%;padding:30px 20px;background-color:#f8f9fa;margin-top:20px}.recent-books-title{text-align:center;color:#333;font-size:1.8rem;margin-bottom:25px;position:relative}.recent-books-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:70px;height:3px;background-color:#e9534b}.recent-books-loading{display:flex;justify-content:center;align-items:center;min-height:150px;color:#666}.recent-books-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:20px;gap:20px;justify-content:center;max-width:1200px;margin:0 auto}.recent-book-card{display:flex;flex-direction:column;text-decoration:none;background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease;height:100%}.recent-book-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px rgba(0,0,0,.2)}.recent-book-image{height:180px;overflow:hidden}.recent-book-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.recent-book-card:hover .recent-book-image img{transform:scale(1.05)}.recent-book-info{padding:12px;flex-grow:1;display:flex;flex-direction:column}.recent-book-info h3{margin:0 0 8px;font-size:16px;color:#333;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.recent-book-info .author{margin:0 0 5px;font-size:14px;color:#666;font-style:italic}.recent-book-info .added-date{font-size:12px;color:#888;margin:auto 0 0}.view-all-books{display:block;width:-moz-fit-content;width:fit-content;margin:25px auto 0;padding:10px 20px;background-color:#e9534b;color:#fff;text-decoration:none;border-radius:5px;font-weight:600;transition:background-color .3s ease;cursor:pointer;border:none;outline:none}.view-all-books:hover{background-color:#d32f2f}@media (max-width:768px){.recent-books-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));grid-gap:15px;gap:15px}.recent-book-image{height:150px}}@media (max-width:480px){.recent-books-title{font-size:1.5rem}.recent-books-grid{grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px}.recent-book-image{height:130px}.recent-book-info h3{font-size:14px}.recent-book-info .author{font-size:12px}}.popularbooks-container{background-color:#f7ebd7;display:flex;flex-direction:column}.popularbooks{padding:20px;overflow:hidden;width:100%;margin:0 auto;position:relative;display:flex;height:auto}.popularbooks:hover div{animation-play-state:paused}.popularbooks-title{position:relative;color:#0e2431;margin-top:20px;margin-bottom:50px;text-align:center;font-size:32px}.popular-book:hover{transform:scale(1.15);transition:all .7s ease;animation-play-state:paused}.popularbook-images{animation:marquee 15s linear infinite;display:flex;position:relative;align-items:center;justify-content:center}.popular-book{display:block;width:150px;height:auto;margin:0 1vw;border-radius:5px}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-100%)}}.reservedbooks-container{background-color:#10190d;padding:20px;display:flex;flex-direction:column}.reservedbooks-table{font-family:arial,sans-serif;border-collapse:collapse;width:100%;max-width:1024px;margin:0 auto;padding:15px!important}.reservedbooks-table td,.reservedbooks-table th{border:2px solid #696969;text-align:left;padding:8px;background-color:#ddd}.reservedbooks-title{position:relative;color:#ee811e;text-align:center;font-size:32px}.signin{position:relative;min-height:calc(100vh - 60px);padding:140px clamp(24px,5vw,80px) 120px;background:radial-gradient(circle at top left,rgba(79,70,229,.12),transparent 40%),radial-gradient(circle at bottom right,rgba(14,165,233,.15),transparent 42%),var(--color-background);display:flex;align-items:center}.signin__orbital{position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(217,70,239,.14),transparent 45%),radial-gradient(circle at 80% 10%,rgba(79,70,229,.12),transparent 40%);opacity:.6;pointer-events:none}.signin__grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:stretch;grid-gap:64px;gap:64px;width:100%;max-width:1200px;margin:0 auto}.signin__intro{display:flex;flex-direction:column;grid-gap:28px;gap:28px;color:var(--color-text)}.signin__intro h1{font-size:clamp(2.6rem,3.6vw,3.4rem);line-height:1.1;margin:0;color:var(--color-text);text-shadow:0 8px 32px rgba(79,70,229,.18)}.signin__intro p{color:var(--color-text-muted);font-size:1rem;max-width:520px}.signin__summary{display:grid;grid-gap:20px;gap:20px}.signin__summary div{background:hsla(0,0%,100%,.7);border-radius:var(--radius-lg);padding:18px 22px;box-shadow:0 18px 40px rgba(15,23,42,.12);border:1px solid rgba(148,163,184,.24);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.signin__summary strong{display:block;font-size:.92rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;color:var(--color-primary)}.signin__summary span{font-size:.96rem;color:var(--color-text-muted)}.signin__card{position:relative;max-width:480px;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.signin__heading h2{font-size:2rem;margin:16px 0 8px}.signin__heading p{color:var(--color-text-muted);margin:0}.signin__form{display:grid;grid-gap:22px;gap:22px;margin-top:30px}.signin__toggle{display:flex;justify-content:space-between;grid-gap:18px;gap:18px;align-items:center;background:rgba(148,163,184,.12);padding:16px 20px;border-radius:var(--radius-md)}.signin__toggle-label{font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;font-weight:600;color:var(--color-text-muted)}.signin__toggle p{margin:6px 0 0;max-width:320px;font-size:.9rem;color:var(--color-text-muted)}.signin__toggle-action{display:inline-flex;align-items:center;grid-gap:6px;gap:6px}.signin__toggle-icon{color:var(--color-text-muted)}.signin__alert{display:flex;align-items:center;grid-gap:12px;gap:12px;padding:12px 16px;border-radius:var(--radius-md);background:rgba(220,38,38,.12);color:var(--color-danger);font-weight:600}.signin__footer{margin-top:32px;display:flex;flex-direction:column;grid-gap:18px;gap:18px}.signin__footer a{color:var(--color-primary);font-weight:600;font-size:.95rem;width:-moz-fit-content;width:fit-content;transition:opacity var(--transition-fast),transform var(--transition-fast)}.signin__footer a:hover{opacity:.8;transform:translateY(-1px)}.signin__footnote{display:flex;align-items:center;grid-gap:12px;gap:12px;color:var(--color-text-muted);font-size:.92rem}.signin__footnote svg{color:var(--color-primary)}@media (max-width:1024px){.signin{padding-top:120px}.signin__grid{grid-gap:48px;gap:48px}}@media (max-width:768px){.signin{padding:120px 20px 80px}.signin__grid{grid-template-columns:1fr}.signin__card{max-width:100%}.signin__summary{grid-template-columns:1fr}}.member-dashboard{padding-top:60px}.member-dashboard,.member-dashboard-loading{min-height:100vh;background:var(--color-background)}.member-dashboard-loading{display:flex;justify-content:center;align-items:center}.member-dashboard__container{display:flex;min-height:calc(100vh - 60px)}.member-dashboard__sidebar-toggle{display:none;position:fixed;top:70px;left:20px;z-index:100;background:var(--color-primary);color:var(--color-on-primary);border:none;border-radius:var(--radius-md);padding:10px;cursor:pointer;box-shadow:var(--shadow-md);transition:transform var(--transition-fast)}.member-dashboard__sidebar-toggle:hover{transform:translateY(-2px)}.member-dashboard__sidebar{width:280px;background:linear-gradient(180deg,rgba(15,23,42,.95),rgba(15,23,42,.92));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid rgba(148,163,184,.2);display:flex;flex-direction:column;position:fixed;height:calc(100vh - 60px);top:60px;left:0;transition:transform var(--transition-medium);z-index:50;box-shadow:var(--shadow-lg)}.member-dashboard__sidebar-header{padding:28px 24px;display:flex;align-items:center;grid-gap:12px;gap:12px;border-bottom:1px solid rgba(148,163,184,.2)}.member-dashboard__logo-icon{font-size:32px!important;color:var(--color-primary)}.member-dashboard__logo-text{font-family:var(--font-family-heading);font-size:1.2rem;font-weight:700;color:var(--color-on-primary);letter-spacing:.02em}.member-dashboard__nav{flex:1 1;padding:16px 0;display:flex;flex-direction:column;grid-gap:8px;gap:8px}.member-dashboard__logout,.member-dashboard__nav-item{display:flex;align-items:center;grid-gap:14px;gap:14px;padding:14px 24px;background:transparent;color:rgba(241,245,249,.75);font-size:.95rem;font-weight:600;cursor:pointer;text-align:left;transition:all var(--transition-fast);border:none;border-left:3px solid transparent;margin:0 12px;border-radius:var(--radius-md)}.member-dashboard__logout:hover,.member-dashboard__nav-item:hover{background:rgba(79,70,229,.15);color:rgba(241,245,249,.95);border-left-color:var(--color-primary);transform:translateX(4px)}.member-dashboard__nav-item.is-active{background:rgba(79,70,229,.22);color:var(--color-primary);border-left-color:var(--color-primary);box-shadow:0 4px 12px rgba(79,70,229,.2)}.member-dashboard__nav-icon{font-size:22px!important}.member-dashboard__logout{color:rgba(220,38,38,.8);border-top:1px solid rgba(148,163,184,.2);padding-top:20px;margin:auto 12px 20px}.member-dashboard__logout:hover{background:rgba(220,38,38,.15);color:var(--color-danger);border-left-color:var(--color-danger)}.member-dashboard__main{flex:1 1;margin-left:280px;padding:32px clamp(24px,5vw,60px);background:var(--color-background);min-height:calc(100vh - 60px);width:calc(100% - 280px)}.member-dashboard__content{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;grid-gap:48px;gap:48px;padding-bottom:48px}.member-dashboard__section{scroll-margin-top:100px;scroll-behavior:smooth;min-height:400px}.member-dashboard__section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;grid-gap:16px;gap:16px}.member-dashboard__section-title{font-family:var(--font-family-heading);font-size:clamp(1.8rem,3vw,2.4rem);font-weight:700;color:var(--color-text);margin:0;letter-spacing:-.02em}.member-dashboard__profile-card{background:var(--color-surface);border:1px solid rgba(148,163,184,.2)}.member-dashboard__profile-header{display:flex;grid-gap:24px;gap:24px;align-items:flex-start;margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid rgba(148,163,184,.2)}.member-dashboard__profile-avatar{width:100px;height:100px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--color-primary),var(--color-accent));display:flex;align-items:center;justify-content:center;color:var(--color-on-primary);box-shadow:var(--shadow-md);flex-shrink:0}.member-dashboard__profile-info{flex:1 1;display:flex;flex-direction:column;grid-gap:8px;gap:8px}.member-dashboard__profile-name{font-family:var(--font-family-heading);font-size:1.8rem;font-weight:700;color:var(--color-text);margin:0}.member-dashboard__profile-badge{align-self:flex-start}.member-dashboard__profile-email,.member-dashboard__profile-phone{font-size:.95rem;color:var(--color-text-muted);margin:0}.member-dashboard__profile-details{display:flex;flex-direction:column;grid-gap:24px;gap:24px}.member-dashboard__profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:16px;gap:16px}.member-dashboard__detail-card{display:flex;flex-direction:column;grid-gap:8px;gap:8px;background:var(--color-surface-muted);border:1px solid rgba(148,163,184,.15)}.member-dashboard__detail-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);font-weight:600}.member-dashboard__detail-value{font-size:1.1rem;font-weight:600;color:var(--color-text)}.member-dashboard__profile-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:16px;gap:16px}.member-dashboard__stat-card{display:flex;flex-direction:column;align-items:center;grid-gap:12px;gap:12px;background:linear-gradient(135deg,rgba(79,70,229,.1),rgba(217,70,239,.08));border:1px solid rgba(79,70,229,.2)}.member-dashboard__stat-label{font-size:.85rem;text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-muted);font-weight:600}.member-dashboard__stat-value{font-family:var(--font-family-heading);font-size:2.2rem;font-weight:700;color:var(--color-primary)}.member-dashboard__table-card{background:var(--color-surface);border:1px solid rgba(148,163,184,.2);overflow:hidden}.member-dashboard__table-wrapper{overflow-x:auto}.member-dashboard__table{width:100%;border-collapse:collapse;font-size:.95rem}.member-dashboard__table thead{background:linear-gradient(135deg,rgba(15,23,42,.95),rgba(15,23,42,.9));color:var(--color-on-primary)}.member-dashboard__table th{padding:16px 20px;text-align:left;font-weight:600;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;border-bottom:2px solid rgba(148,163,184,.3)}.member-dashboard__table td{padding:20px;border-bottom:1px solid rgba(148,163,184,.15);color:var(--color-text)}.member-dashboard__table tbody tr{transition:background var(--transition-fast)}.member-dashboard__table tbody tr:hover{background:rgba(79,70,229,.05)}.member-dashboard__table tbody tr:last-child td{border-bottom:none}.member-dashboard__book-cover{width:60px;height:85px;object-fit:cover;border-radius:var(--radius-sm);box-shadow:var(--shadow-xs);border:1px solid rgba(148,163,184,.2)}.member-dashboard__empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 32px;text-align:center;background:var(--color-surface-muted);border:2px dashed rgba(148,163,184,.3);color:var(--color-text-muted)}.member-dashboard__empty-state svg{color:var(--color-text-muted);opacity:.5}.member-dashboard__empty-state p{font-size:1.1rem;margin:0;color:var(--color-text-muted)}@media (max-width:992px){.member-dashboard__sidebar-toggle{display:block}.member-dashboard__sidebar{transform:translateX(-100%)}.member-dashboard__sidebar.is-open{transform:translateX(0)}.member-dashboard__main{margin-left:0;width:100%;padding:24px 20px}}@media (max-width:768px){.member-dashboard{padding-top:60px}.member-dashboard__sidebar{width:260px}.member-dashboard__profile-header{flex-direction:column;align-items:center;text-align:center}.member-dashboard__profile-grid,.member-dashboard__profile-stats{grid-template-columns:1fr}.member-dashboard__section-header{flex-direction:column;align-items:flex-start}.member-dashboard__table-wrapper{overflow-x:scroll}.member-dashboard__table{min-width:700px}.member-dashboard__table td,.member-dashboard__table th{padding:12px 16px;font-size:.85rem}}@media (max-width:480px){.member-dashboard__main{padding:20px 16px}.member-dashboard__section-title{font-size:1.5rem}.member-dashboard__profile-avatar{width:80px;height:80px}.member-dashboard__profile-name{font-size:1.4rem}}.books-page{min-height:100vh;width:100%;background-color:#f5f5f5;padding-bottom:50px;padding-top:80px}.books-header{padding:30px 20px;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1);margin-bottom:30px}.books-header h1{text-align:center;margin-bottom:20px;color:#333;font-size:2.5rem}.search-filter-container{display:flex;flex-wrap:wrap;justify-content:center;grid-gap:20px;gap:20px;max-width:1024px;margin:0 auto}.search-container{display:flex;flex:1 1;min-width:300px}.search-container input{flex:1 1;padding:10px 15px;border:1px solid #ddd;border-radius:4px 0 0 4px;font-size:16px}.search-container button{padding:10px 20px;background-color:#4285f4;color:#fff;border:none;border-radius:0 4px 4px 0;cursor:pointer;font-size:16px;transition:background-color .3s}.search-container button:hover{background-color:#3367d6}.filter-container{min-width:200px}.filter-container select{width:100%;padding:10px 15px;border:1px solid #ddd;border-radius:4px;font-size:16px;background-color:#fff}.loading-container{height:300px}.books{margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:30px;gap:30px;padding:0 20px;max-width:1200px}.book-card{align-items:center;padding:20px;position:relative}.book-card img{margin-bottom:20px}.no-books{grid-column:1/-1;text-align:center;padding:50px 0;color:#666;font-size:18px}@media (max-width:768px){.books{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:20px;gap:20px}.books-header h1{font-size:2rem}}@media (max-width:480px){.books{grid-template-columns:1fr;max-width:300px}.filter-container,.search-container{width:100%}}.book-card{display:flex;flex-direction:column;box-sizing:border-box;height:100%;box-shadow:0 2px 8px rgba(0,0,0,.1);border-radius:8px;background-color:#fff;transition:transform .3s,box-shadow .3s;overflow:hidden}.book-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px rgba(0,0,0,.2)}.book-link{display:flex;flex-direction:column;align-items:center;padding:20px;color:inherit;text-decoration:none;height:100%}.book-card img{width:150px;height:200px;object-fit:cover;margin-bottom:15px;border-radius:4px;box-shadow:0 2px 5px rgba(0,0,0,.2);transition:transform .3s ease}.book-card:hover img{transform:scale(1.03)}.bookcard-title{word-wrap:break-word;text-align:center;font-weight:600;font-size:18px;margin-bottom:8px;color:#333}.bookcard-author{color:#666;font-size:14px;font-weight:500;margin-bottom:15px;text-align:center}.bookcard-category{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:15px;width:100%}.bookcard-category p{padding:5px 10px;background-color:#e0e0e0;font-weight:500;font-size:12px;margin:3px;border-radius:20px;color:#555}.bookcard-status{width:100%;text-align:center;margin-top:auto}.status{border-radius:20px;font-size:12px}.status.available{background-color:#c8e6c9;color:#2e7d32}.status.borrowed{background-color:#ffecb3;color:#ff8f00}.status.reserved{background-color:#bbdefb;color:#1976d2}.status.unavailable{background-color:#ffcdd2;color:#c62828}.pdf-upload-container{padding:20px;background-color:#f8f9fa;border-radius:8px;margin:20px 0}.pdf-upload-content{display:flex;flex-direction:column;align-items:center;grid-gap:15px;gap:15px}.pdf-file-input{display:none}.pdf-upload-label{padding:12px 20px;background-color:#e9ecef;border:2px dashed #adb5bd;border-radius:4px;cursor:pointer;transition:all .3s ease;width:100%;max-width:300px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdf-upload-label:hover{background-color:#dee2e6;border-color:#6c757d}.upload-button{padding:10px 20px;background-color:#2196f3;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease;min-width:120px;height:40px;display:flex;align-items:center;justify-content:center}.upload-button:hover:not(:disabled){background-color:#1976d2}.upload-button:disabled{background-color:#bdbdbd;cursor:not-allowed}.upload-error{color:#dc3545;text-align:center;margin-top:10px;font-size:14px}.audio-upload-container{margin-top:24px;padding:20px;background:#fdfdfd;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 10px 25px rgba(0,0,0,.08);display:flex;flex-direction:column;grid-gap:16px;gap:16px}.audio-upload-header h4{margin:0;color:#1f2937;font-size:1.1rem}.audio-upload-header p{margin:4px 0 0;color:#6b7280;font-size:.9rem}.audio-upload-content{display:flex;flex-wrap:wrap;align-items:center;grid-gap:12px;gap:12px}.audio-file-input{display:none}.audio-upload-label{flex:1 1;min-width:200px;padding:12px 16px;border:1px dashed #9ca3af;border-radius:8px;cursor:pointer;background-color:#fff;color:#374151;transition:border-color .2s ease;text-align:center}.audio-upload-label:hover{border-color:#2563eb}.audio-upload-button{padding:12px 24px;background:linear-gradient(135deg,#2563eb,#3b82f6);border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;min-width:160px;transition:opacity .3s ease}.audio-upload-button:disabled{opacity:.6;cursor:not-allowed}.audio-upload-error{color:#dc2626;background:#fee2e2;border:1px solid #fecaca;padding:10px 14px;border-radius:8px}.audio-upload-success{color:#065f46;background:#d1fae5;border:1px solid #a7f3d0;padding:10px 14px;border-radius:8px}@media (max-width:600px){.audio-upload-content{flex-direction:column;align-items:stretch}.audio-upload-button{width:100%}}.book-details-container{min-height:100vh;background-color:#f5f5f5;padding:80px 0 30px}.book-details-content{max-width:1200px;margin:0 auto;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);overflow:hidden}.book-details-header{padding:20px;border-bottom:1px solid #eee}.back-button{display:inline-block;padding:8px 16px;color:#555;text-decoration:none;border-radius:4px;transition:background-color .3s;font-weight:500}.back-button:hover{background-color:#f0f0f0}.book-details-main{display:flex;padding:30px}.book-details-image{flex:0 0 300px;position:relative;margin-right:40px}.book-details-image img{width:100%;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.2)}.book-status-badge{position:absolute;top:15px;right:15px}.book-details-info{flex:1 1}.book-details-info h1{margin:0 0 10px;color:#333;font-size:32px}.book-details-info h3{margin:0 0 20px;color:#666;font-weight:400;font-size:18px}.book-author{margin-bottom:15px;font-size:18px}.book-categories{margin-bottom:20px}.category-tags{display:flex;flex-wrap:wrap;margin-top:8px}.category-tag{padding:6px 12px;background-color:#e0e0e0;color:#555;border-radius:20px;margin-right:10px;margin-bottom:10px;font-size:14px}.book-description{margin-bottom:30px}.book-description p{margin-top:10px;line-height:1.6;color:#555}.book-details-table{background-color:#f9f9f9;border-radius:8px;overflow:hidden;margin-top:20px}.book-reservation-section{margin-top:25px;display:flex;justify-content:flex-start}.reserve-button{background-color:#4caf50!important;color:#fff!important;font-weight:500!important;padding:10px 20px!important;transition:background-color .3s ease!important}.reserve-button:hover{background-color:#388e3c!important}.status{display:inline-block;padding:5px 10px;border-radius:4px;font-size:14px;font-weight:500;color:#fff}.status.available{background-color:#4caf50}.status.reserved{background-color:#ff9800}.status.issued{background-color:#f44336}.status.lost{background-color:#9e9e9e}.details-row{display:flex;border-bottom:1px solid #eee}.details-row:last-child{border-bottom:none}.detail-label{flex:0 0 200px;padding:15px;background-color:#f0f0f0;font-weight:500}.detail-value{flex:1 1;padding:15px}.book-pdf-section{margin-top:30px;padding:20px;background-color:#f8f9fa;border-radius:8px}.view-pdf-button{padding:10px 20px;background-color:#2196f3;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:500;margin-bottom:20px;transition:background-color .3s ease}.view-pdf-button:hover{background-color:#1976d2}.book-details-error,.book-details-loading,.book-details-not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:20px}.book-details-error h2,.book-details-not-found h2{color:#d32f2f;margin-bottom:10px}.book-details-error p,.book-details-not-found p{color:#666;margin-bottom:20px;max-width:600px}.pdf-viewer-container{display:flex;flex-direction:column;width:100%;margin-top:15px}.pdf-iframe-container{margin-top:15px;width:100%;height:600px;border:1px solid #ddd;border-radius:8px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.1)}.pdf-iframe{width:100%;height:100%;border:none}.book-audio-section{margin-top:30px;padding:20px;background:#fff;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 10px 25px rgba(15,23,42,.08)}.audio-section-header{display:flex;align-items:center;justify-content:space-between;grid-gap:16px;gap:16px;flex-wrap:wrap}.audio-section-header h3{margin:0;color:#111827}.audio-toggle-button{padding:10px 20px;border:none;border-radius:999px;background:linear-gradient(135deg,#f97316,#ef4444);color:#fff;font-weight:600;cursor:pointer;transition:transform .2s ease,opacity .2s ease}.audio-toggle-button:hover{transform:translateY(-1px);opacity:.95}.audio-player-container{margin-top:18px;border-radius:12px;background:#0f172a;padding:16px;display:none}.audio-player-container.visible{display:block}.audio-player{width:100%;outline:none}.audio-empty-state{margin-top:16px;color:#6b7280;font-style:italic}@media (max-width:768px){.book-details-main{flex-direction:column;padding:20px}.book-details-image{margin-right:0;margin-bottom:30px;max-width:250px;align-self:center}.book-details-info h1{font-size:24px}.detail-label{flex:0 0 150px}.pdf-iframe-container{height:400px}}@media (max-width:480px){.book-details-container{padding:0}.book-details-content{border-radius:0;box-shadow:none}.details-row{flex-direction:column}.detail-label,.detail-value{padding:10px 15px}.detail-label{background-color:#f0f0f0}}.app-header,.app-header *,header{box-sizing:border-box}.app-header{position:sticky;top:0;z-index:100;width:100%;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:rgba(15,23,42,.68);box-shadow:0 16px 32px rgba(15,23,42,.2);transition:background var(--transition-medium),transform var(--transition-medium),box-shadow var(--transition-medium),-webkit-backdrop-filter var(--transition-medium);transition:backdrop-filter var(--transition-medium),background var(--transition-medium),transform var(--transition-medium),box-shadow var(--transition-medium);transition:backdrop-filter var(--transition-medium),background var(--transition-medium),transform var(--transition-medium),box-shadow var(--transition-medium),-webkit-backdrop-filter var(--transition-medium)}.app-header--condensed{background:rgba(15,23,42,.85);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 22px 40px rgba(15,23,42,.28);transform:translateY(-4px)}.app-header__blend{position:absolute;inset:0;background:linear-gradient(90deg,rgba(79,70,229,.18),rgba(217,70,239,.12),rgba(14,165,233,.1));opacity:.35;pointer-events:none}.app-header__inner{position:relative;z-index:2;display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:26px;gap:26px;padding:22px clamp(20px,5vw,60px)}.app-header__brand{display:flex;flex-direction:column;grid-gap:6px;gap:6px}.app-header__logo{font-family:var(--font-family-heading);font-weight:700;font-size:1.35rem;letter-spacing:.02em;display:inline-flex;grid-gap:6px;gap:6px;align-items:baseline;color:rgba(241,245,249,.96);text-transform:uppercase}.app-header__logo:hover{opacity:.88}.app-header__mark{color:var(--color-on-primary)}.app-header__accent{color:var(--color-accent)}.app-header__badge{font-size:10px;letter-spacing:.16em;background:hsla(0,0%,100%,.12);color:var(--color-on-primary)}.app-header__search{display:inline-flex;align-items:center;grid-gap:10px;gap:10px;padding:12px 16px;background:rgba(15,23,42,.45);border-radius:var(--radius-pill);border:1px solid hsla(0,0%,100%,.18);max-width:420px;width:100%;transition:border var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast)}.app-header__search input{border:none;background:transparent;color:var(--color-on-primary);font-size:.95rem;width:100%}.app-header__search input::placeholder{color:hsla(0,0%,100%,.65)}.app-header__search input:focus{outline:none}.app-header__search:focus-within,.app-header__search:hover{border-color:hsla(0,0%,100%,.34);background:rgba(15,23,42,.6);box-shadow:0 12px 24px rgba(14,165,233,.2)}.app-header__nav{display:inline-flex;align-items:center;grid-gap:22px;gap:22px;justify-content:center}.app-header__nav a{color:rgba(241,245,249,.94);font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:.8rem;opacity:.95;padding:6px 0;position:relative;transition:opacity var(--transition-fast),transform var(--transition-fast)}.app-header__nav a:after{content:"";position:absolute;bottom:-8px;left:0;width:100%;height:2px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform var(--transition-fast)}.app-header__nav a:hover{opacity:1;transform:translateY(-2px)}.app-header__nav a.is-active:after,.app-header__nav a:hover:after{transform:scaleX(1)}.app-header__cta{display:inline-flex;align-items:center;grid-gap:12px;gap:12px}.app-header__cta .ui-btn--ghost{color:hsla(0,0%,100%,.95);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.35)}.app-header__cta .ui-btn--ghost:hover:not(:disabled){color:#fff;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.55)}.app-header__mobile-toggle{display:none;background:hsla(0,0%,100%,.1);border-radius:var(--radius-md);border:none;padding:10px;color:var(--color-on-primary);cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast)}.app-header__mobile-toggle:hover{transform:translateY(-1px);background:hsla(0,0%,100%,.18)}.app-header__mobile-sheet{position:fixed;inset:0;padding:90px 24px 32px;background:rgba(15,23,42,.92);-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);display:flex;flex-direction:column;grid-gap:32px;gap:32px;transform:translateY(-100%);opacity:0;pointer-events:none;transition:transform var(--transition-medium),opacity var(--transition-medium)}.app-header__mobile-sheet.is-open{transform:translateY(0);opacity:1;pointer-events:auto}.app-header__mobile-links{display:grid;grid-gap:18px;gap:18px}.app-header__mobile-links a{font-size:1.1rem;color:var(--color-on-primary);letter-spacing:.08em;text-transform:uppercase}.app-header__mobile-actions{display:grid;grid-gap:16px;gap:16px}.app-header__mobile-actions .ui-btn--ghost{color:hsla(0,0%,100%,.95);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.35)}.app-header__mobile-actions .ui-btn--ghost:hover:not(:disabled){color:#fff;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.55)}@media (max-width:1200px){.app-header__inner{grid-template-columns:auto 1fr auto;grid-gap:20px;gap:20px}.app-header__badge{display:none}}@media (max-width:992px){.app-header__nav,.app-header__search{display:none}.app-header__mobile-toggle{display:inline-flex}.app-header__inner{grid-template-columns:auto auto;justify-content:space-between}}@media (max-width:600px){.app-header__cta{display:none}.app-header{background:rgba(15,23,42,.6)}}.admin-component-container{width:100%;display:flex;flex-direction:column;grid-gap:32px;gap:32px}.admin-component-title{font-size:clamp(1.8rem,3vw,2.4rem);letter-spacing:-.02em}.admin-component-section-title,.admin-component-title{font-family:var(--font-family-heading);font-weight:700;color:var(--color-text);margin:0}.admin-component-section-title{font-size:1.5rem}.admin-form-card{background:var(--color-surface);border:1px solid rgba(148,163,184,.2)}.admin-form{display:flex;flex-direction:column;grid-gap:24px;gap:24px}.admin-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:20px;gap:20px}.admin-form-label{font-weight:600;display:flex;align-items:center;grid-gap:4px;gap:4px;margin-bottom:8px}.admin-form-input,.admin-form-label{font-size:.95rem;color:var(--color-text)}.admin-form-input{width:100%;padding:12px 16px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);transition:all var(--transition-fast);font-family:var(--font-family-base)}.admin-form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(79,70,229,.1)}.admin-form-input:disabled{background:var(--color-surface-muted);cursor:not-allowed;opacity:.6}.admin-form-dropdown{width:100%}.admin-form-dropdown .ui.dropdown{min-width:100%;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);padding:12px 16px;font-size:.95rem;transition:all var(--transition-fast)}.admin-form-dropdown .ui.dropdown:hover{border-color:var(--color-primary)}.admin-form-dropdown .ui.dropdown.active{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(79,70,229,.1)}.admin-table-card{background:var(--color-surface);border:1px solid rgba(148,163,184,.2);overflow:hidden}.admin-table-wrapper{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;font-size:.95rem}.admin-table thead{background:linear-gradient(135deg,rgba(15,23,42,.95),rgba(15,23,42,.9));color:var(--color-on-primary)}.admin-table th{padding:16px 20px;text-align:left;font-weight:600;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;border-bottom:2px solid rgba(148,163,184,.3)}.admin-table td{padding:20px;border-bottom:1px solid rgba(148,163,184,.15);color:var(--color-text)}.admin-table tbody tr{transition:background var(--transition-fast)}.admin-table tbody tr:hover{background:rgba(79,70,229,.05)}.admin-table tbody tr:last-child td{border-bottom:none}.admin-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 32px;text-align:center;background:var(--color-surface-muted);border:2px dashed rgba(148,163,184,.3);color:var(--color-text-muted)}.admin-empty-state svg{color:var(--color-text-muted);opacity:.5}.admin-empty-state p{font-size:1.1rem;margin:0;color:var(--color-text-muted)}.react-datepicker-wrapper,.react-datepicker__input-container{width:100%}.react-datepicker__input-container input{width:100%;padding:12px 16px;font-size:.95rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);transition:all var(--transition-fast);font-family:var(--font-family-base)}.react-datepicker__input-container input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(79,70,229,.1)}@media (max-width:768px){.admin-form-grid{grid-template-columns:1fr}.admin-table-wrapper{overflow-x:scroll}.admin-table{min-width:500px}}.admin-dashboard{min-height:100vh;background:var(--color-background);padding-top:60px}.admin-dashboard__container{display:flex;min-height:calc(100vh - 60px)}.admin-dashboard__sidebar-toggle{display:none;position:fixed;top:70px;left:20px;z-index:100;background:var(--color-primary);color:var(--color-on-primary);border:none;border-radius:var(--radius-md);padding:10px;cursor:pointer;box-shadow:var(--shadow-md);transition:transform var(--transition-fast)}.admin-dashboard__sidebar-toggle:hover{transform:translateY(-2px)}.admin-dashboard__sidebar{width:280px;background:linear-gradient(180deg,rgba(15,23,42,.95),rgba(15,23,42,.92));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid rgba(148,163,184,.2);display:flex;flex-direction:column;position:fixed;height:calc(100vh - 60px);top:60px;left:0;transition:transform var(--transition-medium);z-index:50;box-shadow:var(--shadow-lg)}.admin-dashboard__sidebar-header{padding:28px 24px;display:flex;align-items:center;grid-gap:12px;gap:12px;border-bottom:1px solid rgba(148,163,184,.2)}.admin-dashboard__logo-icon{font-size:32px!important;color:var(--color-primary)}.admin-dashboard__logo-text{font-family:var(--font-family-heading);font-size:1.2rem;font-weight:700;color:var(--color-on-primary);letter-spacing:.02em}.admin-dashboard__nav{flex:1 1;padding:16px 0;display:flex;flex-direction:column;grid-gap:8px;gap:8px}.admin-dashboard__logout,.admin-dashboard__nav-item{display:flex;align-items:center;grid-gap:14px;gap:14px;padding:14px 24px;background:transparent;color:rgba(241,245,249,.75);font-size:.95rem;font-weight:600;cursor:pointer;text-align:left;transition:all var(--transition-fast);border:none;border-left:3px solid transparent;margin:0 12px;border-radius:var(--radius-md)}.admin-dashboard__logout:hover,.admin-dashboard__nav-item:hover{background:rgba(79,70,229,.15);color:rgba(241,245,249,.95);border-left-color:var(--color-primary);transform:translateX(4px)}.admin-dashboard__nav-item.is-active{background:rgba(79,70,229,.22);color:var(--color-primary);border-left-color:var(--color-primary);box-shadow:0 4px 12px rgba(79,70,229,.2)}.admin-dashboard__nav-icon{font-size:22px!important}.admin-dashboard__logout{color:rgba(220,38,38,.8);border-top:1px solid rgba(148,163,184,.2);padding-top:20px;margin:auto 12px 20px}.admin-dashboard__logout:hover{background:rgba(220,38,38,.15);color:var(--color-danger);border-left-color:var(--color-danger)}.admin-dashboard__main{flex:1 1;margin-left:280px;padding:32px clamp(24px,5vw,60px);background:var(--color-background);min-height:calc(100vh - 60px);width:calc(100% - 280px);overflow-y:auto}.admin-dashboard__content{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;grid-gap:32px;gap:32px}.admin-dashboard__section{width:100%;animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dashboard{min-height:100vh;background:var(--color-background);padding-top:60px}.dashboard-card{font-family:var(--font-family-base);width:100%;min-height:calc(100vh - 60px);display:flex;background-color:initial;border-radius:0;box-shadow:none}.dashboard-options{display:none}.dashboard-option-content{display:flex;flex:1 1;width:100%;flex-direction:column}.dashboard-addbooks-content,.dashboard-addmember-content,.dashboard-profile-content,.dashboard-transactions-content{display:flex;flex-direction:column;flex:1 1;width:100%;padding:0;margin:0}.dashboard-addbooks-content::-webkit-scrollbar,.dashboard-addmember-content::-webkit-scrollbar,.dashboard-profile-content::-webkit-scrollbar,.dashboard-transactions-content::-webkit-scrollbar{display:none}@media (max-width:992px){.admin-dashboard__sidebar-toggle{display:block}.admin-dashboard__sidebar{transform:translateX(-100%)}.admin-dashboard__sidebar.is-open{transform:translateX(0)}.admin-dashboard__main{margin-left:0;padding:24px 20px;width:100%}}@media (max-width:768px){.admin-dashboard{padding-top:60px}.admin-dashboard__sidebar{width:260px}.admin-dashboard__main{padding:20px 16px}}@media (max-width:480px){.admin-dashboard__main{padding:16px 12px}}.admin-dashboard__main::-webkit-scrollbar{width:8px}.admin-dashboard__main::-webkit-scrollbar-track{background:var(--color-surface-muted);border-radius:var(--radius-sm)}.admin-dashboard__main::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-sm)}.admin-dashboard__main::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.addtransaction-container{width:100%;display:flex;flex-direction:column;grid-gap:32px;gap:32px}.addtransaction-title{font-family:var(--font-family-heading);font-size:clamp(1.8rem,3vw,2.4rem);font-weight:700;color:var(--color-text);margin:0;letter-spacing:-.02em}.addtransaction-form-card{background:var(--color-surface);border:1px solid rgba(148,163,184,.2)}.addtransaction-form{display:flex;flex-direction:column;grid-gap:24px;gap:24px}.addtransaction-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:20px;gap:20px}.addtransaction-form-group{display:flex;flex-direction:column;grid-gap:12px;gap:12px}.addtransaction-form-label{font-size:.95rem;font-weight:600;color:var(--color-text);display:flex;align-items:center;grid-gap:4px;gap:4px}.addtransaction-dropdown{width:100%}.addtransaction-dropdown .ui.dropdown{min-width:100%;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);padding:12px 16px;font-size:.95rem;transition:all var(--transition-fast)}.addtransaction-dropdown .ui.dropdown:hover{border-color:var(--color-primary)}.addtransaction-dropdown .ui.dropdown.active{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(79,70,229,.1)}.addtransaction-datepicker{width:100%;padding:12px 16px;font-size:.95rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);transition:all var(--transition-fast);font-family:var(--font-family-base)}.addtransaction-datepicker:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(79,70,229,.1)}.addtransaction-borrower-info{grid-column:1/-1;background:var(--color-surface-muted);border:1px solid rgba(148,163,184,.15)}.addtransaction-borrower-header{display:flex;grid-gap:16px;gap:16px;align-items:center;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid rgba(148,163,184,.2)}.addtransaction-borrower-header h4{font-family:var(--font-family-heading);font-size:1.2rem;font-weight:700;color:var(--color-text);margin:0 0 8px}.addtransaction-borrower-stats{display:flex;grid-gap:8px;gap:8px;flex-wrap:wrap}.addtransaction-borrower-transactions{margin-top:16px}.addtransaction-borrower-transactions h5{font-family:var(--font-family-heading);font-size:1rem;font-weight:600;color:var(--color-text);margin:0 0 12px}.addtransaction-table-wrapper{overflow-x:auto}.addtransaction-borrower-table{width:100%;border-collapse:collapse;font-size:.9rem}.addtransaction-borrower-table thead{background:linear-gradient(135deg,rgba(15,23,42,.95),rgba(15,23,42,.9));color:var(--color-on-primary)}.addtransaction-borrower-table th{padding:12px 16px;text-align:left;font-weight:600;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;border-bottom:2px solid rgba(148,163,184,.3)}.addtransaction-borrower-table td{padding:12px 16px;border-bottom:1px solid rgba(148,163,184,.15);color:var(--color-text)}.addtransaction-borrower-table tbody tr:hover{background:rgba(79,70,229,.05)}.addtransaction-borrower-table tbody tr:last-child td{border-bottom:none}.addtransaction-submit{align-self:flex-start;margin-top:8px}.addtransaction-recent{display:flex;flex-direction:column;grid-gap:16px;gap:16px}.addtransaction-section-title{font-family:var(--font-family-heading);font-size:1.5rem;font-weight:700;color:var(--color-text);margin:0}.addtransaction-table-card{background:var(--color-surface);border:1px solid rgba(148,163,184,.2);overflow:hidden}.addtransaction-table{width:100%;border-collapse:collapse;font-size:.95rem}.addtransaction-table thead{background:linear-gradient(135deg,rgba(15,23,42,.95),rgba(15,23,42,.9));color:var(--color-on-primary)}.addtransaction-table th{padding:16px 20px;text-align:left;font-weight:600;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;border-bottom:2px solid rgba(148,163,184,.3)}.addtransaction-table td{padding:20px;border-bottom:1px solid rgba(148,163,184,.15);color:var(--color-text)}.addtransaction-table tbody tr{transition:background var(--transition-fast)}.addtransaction-table tbody tr:hover{background:rgba(79,70,229,.05)}.addtransaction-table tbody tr:last-child td{border-bottom:none}.addtransaction-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 32px;text-align:center;background:var(--color-surface-muted);border:2px dashed rgba(148,163,184,.3);color:var(--color-text-muted)}.addtransaction-empty-state svg{color:var(--color-text-muted);opacity:.5}.addtransaction-empty-state p{font-size:1.1rem;margin:0;color:var(--color-text-muted)}@media (max-width:768px){.addtransaction-form-grid{grid-template-columns:1fr}.addtransaction-borrower-info{grid-column:1}.addtransaction-borrower-header{flex-direction:column;align-items:flex-start}.addtransaction-table-wrapper{overflow-x:scroll}.addtransaction-borrower-table,.addtransaction-table{min-width:500px}}.addmember-container{width:100%;display:flex;flex-direction:column;grid-gap:32px;gap:32px}.addmember-title{font-family:var(--font-family-heading);font-size:clamp(1.8rem,3vw,2.4rem);font-weight:700;color:var(--color-text);margin:0;letter-spacing:-.02em}.addmember-form-card{background:var(--color-surface);border:1px solid rgba(148,163,184,.2)}.addmember-form{display:flex;flex-direction:column;grid-gap:24px;gap:24px}.addmember-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:20px;gap:20px}.addmember-form-group{display:flex;flex-direction:column;grid-gap:12px;gap:12px}.addmember-form-label{font-size:.95rem;font-weight:600;color:var(--color-text);display:flex;align-items:center;grid-gap:4px;gap:4px}.addmember-dropdown{width:100%}.addmember-dropdown .ui.dropdown{min-width:100%;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);padding:12px 16px;font-size:.95rem;transition:all var(--transition-fast)}.addmember-dropdown .ui.dropdown:hover{border-color:var(--color-primary)}.addmember-dropdown .ui.dropdown.active{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(79,70,229,.1)}.addmember-datepicker{width:100%;padding:12px 16px;font-size:.95rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);transition:all var(--transition-fast);font-family:var(--font-family-base)}.addmember-datepicker:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(79,70,229,.1)}.addmember-submit{align-self:flex-start;margin-top:8px}.addmember-recent{display:flex;flex-direction:column;grid-gap:16px;gap:16px}.addmember-section-title{font-family:var(--font-family-heading);font-size:1.5rem;font-weight:700;color:var(--color-text);margin:0}.addmember-table-card{background:var(--color-surface);border:1px solid rgba(148,163,184,.2);overflow:hidden}.addmember-table-wrapper{overflow-x:auto}.addmember-table{width:100%;border-collapse:collapse;font-size:.95rem}.addmember-table thead{background:linear-gradient(135deg,rgba(15,23,42,.95),rgba(15,23,42,.9));color:var(--color-on-primary)}.addmember-table th{padding:16px 20px;text-align:left;font-weight:600;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;border-bottom:2px solid rgba(148,163,184,.3)}.addmember-table td{padding:20px;border-bottom:1px solid rgba(148,163,184,.15);color:var(--color-text)}.addmember-table tbody tr{transition:background var(--transition-fast)}.addmember-table tbody tr:hover{background:rgba(79,70,229,.05)}.addmember-table tbody tr:last-child td{border-bottom:none}.addmember-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 32px;text-align:center;background:var(--color-surface-muted);border:2px dashed rgba(148,163,184,.3);color:var(--color-text-muted)}.addmember-empty-state svg{color:var(--color-text-muted);opacity:.5}.addmember-empty-state p{font-size:1.1rem;margin:0;color:var(--color-text-muted)}@media (max-width:768px){.addmember-form-grid{grid-template-columns:1fr}.addmember-table-wrapper{overflow-x:scroll}.addmember-table{min-width:500px}}.addbook-container{width:100%;display:flex;flex-direction:column;grid-gap:32px;gap:32px}.addbook-title{font-family:var(--font-family-heading);font-size:clamp(1.8rem,3vw,2.4rem);font-weight:700;color:var(--color-text);margin:0;letter-spacing:-.02em}.addbook-form-card{background:var(--color-surface);border:1px solid rgba(148,163,184,.2)}.addbook-form{display:flex;flex-direction:column;grid-gap:24px;gap:24px}.addbook-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:20px;gap:20px}.addbook-categories{display:flex;flex-direction:column;grid-gap:12px;gap:12px}.addbook-form-label{font-size:.95rem;font-weight:600;color:var(--color-text);display:flex;align-items:center;grid-gap:4px;gap:4px}.required-field{color:var(--color-danger);font-weight:700}.addbook-dropdown{width:100%}.addbook-dropdown .ui.dropdown{min-width:100%;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);padding:12px 16px;font-size:.95rem;transition:all var(--transition-fast)}.addbook-dropdown .ui.dropdown:hover{border-color:var(--color-primary)}.addbook-dropdown .ui.dropdown.active{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(79,70,229,.1)}.addbook-submit{align-self:flex-start;margin-top:8px}.addbook-recent{display:flex;flex-direction:column;grid-gap:16px;gap:16px}.addbook-section-title{font-family:var(--font-family-heading);font-size:1.5rem;font-weight:700;color:var(--color-text);margin:0}.addbook-table-card{background:var(--color-surface);border:1px solid rgba(148,163,184,.2);overflow:hidden}.addbook-table-wrapper{overflow-x:auto}.addbook-table{width:100%;border-collapse:collapse;font-size:.95rem}.addbook-table thead{background:linear-gradient(135deg,rgba(15,23,42,.95),rgba(15,23,42,.9));color:var(--color-on-primary)}.addbook-table th{padding:16px 20px;text-align:left;font-weight:600;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;border-bottom:2px solid rgba(148,163,184,.3)}.addbook-table td{padding:20px;border-bottom:1px solid rgba(148,163,184,.15);color:var(--color-text)}.addbook-table tbody tr{transition:background var(--transition-fast)}.addbook-table tbody tr:hover{background:rgba(79,70,229,.05)}.addbook-table tbody tr:last-child td{border-bottom:none}.addbook-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 32px;text-align:center;background:var(--color-surface-muted);border:2px dashed rgba(148,163,184,.3);color:var(--color-text-muted)}.addbook-empty-state svg{color:var(--color-text-muted);opacity:.5}.addbook-empty-state p{font-size:1.1rem;margin:0;color:var(--color-text-muted)}@media (max-width:768px){.addbook-form-grid{grid-template-columns:1fr}.addbook-table-wrapper{overflow-x:scroll}.addbook-table{min-width:500px}}.admin-profile-container{width:100%;display:flex;flex-direction:column;grid-gap:24px;gap:24px}.admin-profile-title{font-family:var(--font-family-heading);font-size:clamp(1.8rem,3vw,2.4rem);font-weight:700;color:var(--color-text);margin:0;letter-spacing:-.02em}.admin-profile-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;grid-gap:16px;gap:16px;padding:60px 32px;color:var(--color-text-muted)}.admin-profile-error{background:var(--color-danger);color:var(--color-on-primary);text-align:center;padding:24px;border-radius:var(--radius-md)}.admin-profile-card{background:var(--color-surface);border:1px solid rgba(148,163,184,.2)}.admin-profile-header{display:flex;grid-gap:24px;gap:24px;align-items:flex-start;margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid rgba(148,163,184,.2)}.admin-profile-avatar{width:100px;height:100px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--color-primary),var(--color-accent));display:flex;align-items:center;justify-content:center;color:var(--color-on-primary);box-shadow:var(--shadow-md);flex-shrink:0;overflow:hidden}.admin-profile-avatar img{width:100%;height:100%;object-fit:cover}.admin-profile-info{flex:1 1;display:flex;flex-direction:column;grid-gap:8px;gap:8px}.admin-profile-name{font-family:var(--font-family-heading);font-size:1.8rem;font-weight:700;color:var(--color-text);margin:0}.admin-profile-badge{align-self:flex-start}.admin-profile-id{font-size:.95rem;color:var(--color-text-muted);margin:0}.admin-profile-details{display:flex;flex-direction:column;grid-gap:32px;gap:32px}.admin-profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:16px;gap:16px}.admin-profile-info-card{display:flex;flex-direction:column;grid-gap:8px;gap:8px;background:var(--color-surface-muted);border:1px solid rgba(148,163,184,.15)}.admin-profile-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);font-weight:600}.admin-profile-value{font-size:1.1rem;font-weight:600;color:var(--color-text)}.admin-profile-permissions{display:flex;flex-direction:column;grid-gap:16px;gap:16px}.admin-profile-section-title{font-family:var(--font-family-heading);font-size:1.3rem;font-weight:700;color:var(--color-text);margin:0}.admin-profile-permissions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:16px;gap:16px}.admin-profile-permission-card{display:flex;flex-direction:column;align-items:center;grid-gap:12px;gap:12px;background:var(--color-surface-muted);border:1px solid rgba(148,163,184,.15);text-align:center}.admin-profile-permission-icon{width:40px;height:40px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:var(--color-on-primary);box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.admin-profile-permission-icon.permission-enabled{background:var(--color-success)}.admin-profile-permission-icon.permission-disabled{background:var(--color-danger)}.admin-profile-permission-label{font-size:.95rem;font-weight:600;color:var(--color-text)}@media (max-width:768px){.admin-profile-header{flex-direction:column;align-items:center;text-align:center}.admin-profile-grid,.admin-profile-permissions-grid{grid-template-columns:1fr}}@media (max-width:480px){.admin-profile-avatar{width:80px;height:80px}.admin-profile-name{font-size:1.4rem}}.theme-studio{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1.3fr);grid-gap:40px;gap:40px;padding:48px;background:linear-gradient(135deg,rgba(79,70,229,.06),rgba(148,163,184,.06));border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.theme-studio__column{display:flex;flex-direction:column;grid-gap:32px;gap:32px}.theme-studio__panel{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:32px;border:1px solid rgba(15,23,42,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.theme-studio__panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.theme-studio__panel-header h3{margin:0;font-size:20px}.theme-studio__badge{display:inline-flex;align-items:center;grid-gap:8px;gap:8px;font-size:12px;padding:6px 12px;border-radius:var(--radius-pill);background:rgba(79,70,229,.12);color:var(--color-primary);font-weight:600;text-transform:uppercase;letter-spacing:.08em}.theme-studio__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:24px;gap:24px}.theme-studio__field{display:flex;flex-direction:column;grid-gap:10px;gap:10px}.theme-studio__field label{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);font-weight:600}.theme-studio__field input[type=number],.theme-studio__field input[type=text]{border-radius:var(--radius-sm);border:1px solid rgba(148,163,184,.4);padding:12px 14px;font-size:15px;background:rgba(148,163,184,.08);transition:border var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.theme-studio__field input[type=number]:focus,.theme-studio__field input[type=text]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(79,70,229,.16);background:hsla(0,0%,100%,.9);transform:translateY(-1px)}.theme-studio__field input[type=color]{width:100%;height:46px;border:none;border-radius:var(--radius-md);box-shadow:inset 0 0 0 1px rgba(15,23,42,.08),0 6px 16px rgba(15,23,42,.14);cursor:pointer;overflow:hidden;background:transparent;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.theme-studio__field input[type=color]:hover{transform:scale(1.01);box-shadow:inset 0 0 0 2px rgba(15,23,42,.1),0 8px 24px rgba(79,70,229,.25)}.theme-studio__actions{display:flex;grid-gap:16px;gap:16px;justify-content:flex-end;padding-top:12px}.theme-studio__button{border:none;border-radius:var(--radius-pill);padding:12px 26px;font-size:14px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast);display:inline-flex;align-items:center;grid-gap:10px;gap:10px}.theme-studio__button--primary{background:var(--color-primary);color:var(--color-on-primary);box-shadow:0 16px 28px rgba(79,70,229,.32)}.theme-studio__button--primary:hover{transform:translateY(-2px);box-shadow:0 20px 32px rgba(79,70,229,.4)}.theme-studio__button--ghost{background:hsla(0,0%,100%,.6);color:var(--color-text);box-shadow:inset 0 0 0 1px rgba(148,163,184,.4)}.theme-studio__button--ghost:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px rgba(79,70,229,.3)}.theme-studio__status{display:flex;align-items:center;grid-gap:12px;gap:12px;font-size:14px;padding:14px 18px;border-radius:var(--radius-md);background:rgba(20,184,166,.12);color:#0f766e;font-weight:600}.theme-studio__status--error{background:rgba(220,38,38,.14);color:#b91c1c}.theme-studio__status--unsaved{background:rgba(148,163,184,.16);color:#1e293b}.theme-studio__preview-card{position:relative;border-radius:var(--radius-lg);overflow:hidden;background:var(--gradient-hero);min-height:320px;padding:40px;color:var(--color-on-primary);display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--shadow-lg)}.theme-studio__preview-card:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,hsla(0,0%,100%,.28),transparent 40%);opacity:.85}.theme-studio__preview-card>*{position:relative;z-index:2}.theme-studio__preview-chipset{display:flex;grid-gap:16px;gap:16px;flex-wrap:wrap}.theme-studio__chip{padding:10px 18px;border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:hsla(0,0%,100%,.22);color:var(--color-on-primary);font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:12px}.theme-studio__palette-strip{display:flex;grid-gap:12px;gap:12px;flex-wrap:wrap}.theme-studio__palette-swatch{flex:1 1;min-width:120px;border-radius:var(--radius-md);padding:18px;color:hsla(0,0%,100%,.92);display:flex;flex-direction:column;grid-gap:6px;gap:6px;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.12);font-weight:600;letter-spacing:.05em;text-transform:uppercase}.theme-studio__palette-swatch span{font-size:12px;letter-spacing:.06em}.theme-studio__preview-body strong{display:block;font-size:32px;font-family:var(--font-family-heading);letter-spacing:-.01em}.theme-studio__preview-body p{color:hsla(0,0%,100%,.82);max-width:460px}.theme-studio__guard{padding:48px;border-radius:var(--radius-lg);border:1px dashed rgba(148,163,184,.6);text-align:center;background:rgba(248,250,252,.6);display:flex;flex-direction:column;grid-gap:16px;gap:16px;align-items:center;justify-content:center}.theme-studio__guard h3{font-size:24px;margin:0}.theme-studio__guard p{margin:0;max-width:420px}.theme-studio__guard-icon{width:90px;height:90px;border-radius:30px;background:rgba(79,70,229,.12);display:flex;align-items:center;justify-content:center;color:var(--color-primary);box-shadow:0 18px 36px rgba(79,70,229,.18)}@media (max-width:1200px){.theme-studio{grid-template-columns:1fr;padding:32px}}@media (max-width:768px){.theme-studio{padding:24px 16px}.theme-studio__panel{padding:24px}.theme-studio__grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}.getmember-container{width:100%;display:flex;flex-direction:column;grid-gap:32px;gap:32px}.getmember-title{font-family:var(--font-family-heading);font-size:clamp(1.8rem,3vw,2.4rem);font-weight:700;color:var(--color-text);margin:0;letter-spacing:-.02em}.getmember-filter-card{background:var(--color-surface);border:1px solid rgba(148,163,184,.2)}.getmember-filter-label{font-size:.95rem;font-weight:600;color:var(--color-text);display:block;margin-bottom:12px}.getmember-dropdown{width:100%}.getmember-dropdown .ui.dropdown{min-width:100%;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);padding:12px 16px;font-size:.95rem;transition:all var(--transition-fast)}.getmember-dropdown .ui.dropdown:hover{border-color:var(--color-primary)}.getmember-dropdown .ui.dropdown.active{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(79,70,229,.1)}.getmember-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;grid-gap:16px;gap:16px;padding:60px 32px;color:var(--color-text-muted)}.getmember-details{display:flex;flex-direction:column;grid-gap:32px;gap:32px}.getmember-profile-card{background:var(--color-surface);border:1px solid rgba(148,163,184,.2)}.getmember-profile-header{display:flex;grid-gap:24px;gap:24px;align-items:flex-start;margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid rgba(148,163,184,.2)}.getmember-profile-avatar{width:100px;height:100px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--color-primary),var(--color-accent));display:flex;align-items:center;justify-content:center;color:var(--color-on-primary);box-shadow:var(--shadow-md);flex-shrink:0}.getmember-profile-info{flex:1 1;display:flex;flex-direction:column;grid-gap:8px;gap:8px}.getmember-profile-name{font-family:var(--font-family-heading);font-size:1.8rem;font-weight:700;color:var(--color-text);margin:0}.getmember-profile-badge{align-self:flex-start}.getmember-profile-email,.getmember-profile-phone{font-size:.95rem;color:var(--color-text-muted);margin:0}.getmember-profile-details{display:flex;flex-direction:column;grid-gap:24px;gap:24px}.getmember-profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:16px;gap:16px}.getmember-info-card{display:flex;flex-direction:column;grid-gap:8px;gap:8px;background:var(--color-surface-muted);border:1px solid rgba(148,163,184,.15)}.getmember-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);font-weight:600}.getmember-value{font-size:1.1rem;font-weight:600;color:var(--color-text)}.getmember-profile-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:16px;gap:16px}.getmember-stat-card{display:flex;flex-direction:column;align-items:center;grid-gap:12px;gap:12px;background:linear-gradient(135deg,rgba(79,70,229,.1),rgba(217,70,239,.08));border:1px solid rgba(79,70,229,.2)}.getmember-stat-label{font-size:.85rem;text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-muted);font-weight:600}.getmember-stat-value{font-family:var(--font-family-heading);font-size:2.2rem;font-weight:700;color:var(--color-primary)}.getmember-section{display:flex;flex-direction:column;grid-gap:16px;gap:16px}.getmember-section-title{font-family:var(--font-family-heading);font-size:1.5rem;font-weight:700;color:var(--color-text);margin:0}.getmember-table-card{background:var(--color-surface);border:1px solid rgba(148,163,184,.2);overflow:hidden}.getmember-table-wrapper{overflow-x:auto}.getmember-table{width:100%;border-collapse:collapse;font-size:.95rem}.getmember-table thead{background:linear-gradient(135deg,rgba(15,23,42,.95),rgba(15,23,42,.9));color:var(--color-on-primary)}.getmember-table th{padding:16px 20px;text-align:left;font-weight:600;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;border-bottom:2px solid rgba(148,163,184,.3)}.getmember-table td{padding:20px;border-bottom:1px solid rgba(148,163,184,.15);color:var(--color-text)}.getmember-table tbody tr{transition:background var(--transition-fast)}.getmember-table tbody tr:hover{background:rgba(79,70,229,.05)}.getmember-table tbody tr:last-child td{border-bottom:none}.getmember-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 32px;text-align:center;background:var(--color-surface-muted);border:2px dashed rgba(148,163,184,.3);color:var(--color-text-muted)}.getmember-empty-state svg{color:var(--color-text-muted);opacity:.5}.getmember-empty-state p{font-size:1.1rem;margin:0;color:var(--color-text-muted)}@media (max-width:768px){.getmember-profile-header{flex-direction:column;align-items:center;text-align:center}.getmember-profile-grid,.getmember-profile-stats{grid-template-columns:1fr}.getmember-table-wrapper{overflow-x:scroll}.getmember-table{min-width:600px}}@media (max-width:480px){.getmember-profile-avatar{width:80px;height:80px}.getmember-profile-name{font-size:1.4rem}}.return-container{width:100%;display:flex;flex-direction:column;grid-gap:32px;gap:32px}.return-title{font-family:var(--font-family-heading);font-size:clamp(1.8rem,3vw,2.4rem);font-weight:700;color:var(--color-text);margin:0;letter-spacing:-.02em}.return-filter-card{background:var(--color-surface);border:1px solid rgba(148,163,184,.2)}.return-filter-label{font-size:.95rem;font-weight:600;color:var(--color-text);display:block;margin-bottom:12px}.return-dropdown{width:100%}.return-dropdown .ui.dropdown{min-width:100%;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);padding:12px 16px;font-size:.95rem;transition:all var(--transition-fast)}.return-dropdown .ui.dropdown:hover{border-color:var(--color-primary)}.return-dropdown .ui.dropdown.active{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(79,70,229,.1)}.return-section{display:flex;flex-direction:column;grid-gap:16px;gap:16px}.return-section-title{font-family:var(--font-family-heading);font-size:1.5rem;font-weight:700;color:var(--color-text);margin:0}.return-table-card{background:var(--color-surface);border:1px solid rgba(148,163,184,.2);overflow:hidden}.return-table-wrapper{overflow-x:auto}.return-table{width:100%;border-collapse:collapse;font-size:.95rem}.return-table thead{background:linear-gradient(135deg,rgba(15,23,42,.95),rgba(15,23,42,.9));color:var(--color-on-primary)}.return-table th{padding:16px 20px;text-align:left;font-weight:600;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;border-bottom:2px solid rgba(148,163,184,.3)}.return-table td{padding:20px;border-bottom:1px solid rgba(148,163,184,.15);color:var(--color-text)}.return-table tbody tr{transition:background var(--transition-fast)}.return-table tbody tr:hover{background:rgba(79,70,229,.05)}.return-table tbody tr:last-child td{border-bottom:none}.return-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 32px;text-align:center;background:var(--color-surface-muted);border:2px dashed rgba(148,163,184,.3);color:var(--color-text-muted)}.return-empty-state svg{color:var(--color-text-muted);opacity:.5}.return-empty-state p{font-size:1.1rem;margin:0;color:var(--color-text-muted)}@media (max-width:768px){.return-table-wrapper{overflow-x:scroll}.return-table{min-width:700px}.return-table td,.return-table th{padding:12px 16px;font-size:.85rem}}.staff-dashboard{padding:80px 20px 40px;max-width:1200px;margin:0 auto}.staff-dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;grid-gap:20px;gap:20px;color:#666}.staff-dashboard-header{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #eee}.staff-dashboard-header h1{font-size:2rem;color:#333;margin-bottom:20px}.staff-info{background-color:#f8f9fa;padding:20px;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.1);position:relative}.staff-info h2{font-size:1.5rem;color:#e9534b;margin-bottom:15px}.staff-info p{margin:8px 0;color:#555;font-size:1rem}.logout-button{margin-top:15px!important;background-color:#f44336!important;color:#fff!important;transition:background-color .3s ease!important}.logout-button:hover{background-color:#d32f2f!important}.staff-dashboard-content{display:grid;grid-template-columns:1fr;grid-gap:30px;gap:30px}.recent-books-section,.recent-transactions-section,.staff-actions-section,.staff-permissions-section{background-color:#fff;border-radius:10px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.recent-books-section h2,.recent-transactions-section h2,.staff-actions-section h2,.staff-permissions-section h2{font-size:1.3rem;color:#333;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #f0f0f0}.permissions-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:15px;gap:15px}.permission-item{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;border-radius:8px;background-color:#f8f9fa}.permission-item.active{background-color:rgba(76,175,80,.1);border-left:3px solid #4caf50}.permission-item.inactive{background-color:hsla(0,0%,62%,.1);border-left:3px solid #9e9e9e}.permission-name{font-weight:500;color:#333}.permission-status{font-size:.9rem;padding:4px 8px;border-radius:4px;font-weight:500}.permission-item.active .permission-status{background-color:#4caf50;color:#fff}.permission-item.inactive .permission-status{background-color:#9e9e9e;color:#fff}.actions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:20px;gap:20px}.action-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px;border-radius:8px;background-color:#f8f9fa;transition:transform .3s ease,box-shadow .3s ease;text-decoration:none;color:#333}.action-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px rgba(0,0,0,.1)}.action-icon{font-size:2rem;margin-bottom:10px}.action-card h3{font-size:1.1rem;margin-bottom:8px;color:#e9534b}.action-card p{font-size:.9rem;color:#666}.recent-books-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:20px;gap:20px}.recent-book-item{display:flex;text-decoration:none;color:inherit;background-color:#f8f9fa;border-radius:8px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.recent-book-item:hover{transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,0,0,.1)}.book-cover{width:80px;height:120px;overflow:hidden}.book-cover img{width:100%;height:100%;object-fit:cover}.book-info{padding:12px;flex-grow:1}.book-info h3{font-size:1rem;margin-bottom:5px;color:#333}.book-info p{font-size:.9rem;color:#666;margin:3px 0}.book-added-date{font-size:.8rem!important;color:#888!important;margin-top:8px!important}.transactions-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:15px;gap:15px}.transaction-item{background-color:#f8f9fa;padding:15px;border-radius:8px}.transaction-item p{margin:5px 0;font-size:.9rem;color:#555}.no-data-message{text-align:center;color:#888;padding:20px;font-style:italic}@media (max-width:768px){.staff-dashboard{padding:70px 15px 30px}.staff-dashboard-header h1{font-size:1.8rem}.staff-info h2{font-size:1.3rem}.actions-grid,.permissions-list,.recent-books-list,.transactions-list{grid-template-columns:1fr}}.staff-management{padding:80px 30px 30px;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 2fr;grid-gap:30px;gap:30px}.staff-form-container{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.staff-form{display:flex;flex-direction:column;grid-gap:15px;gap:15px}.staff-form input,.staff-form select{padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px}.staff-form button{padding:12px;background-color:#2196f3;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .3s ease;height:45px;display:flex;align-items:center;justify-content:center}.staff-form button:hover:not(:disabled){background-color:#1976d2}.staff-form button:disabled{background-color:#bdbdbd;cursor:not-allowed}.permissions-container{background-color:#f8f9fa;padding:15px;border-radius:4px}.permissions-container h3{margin-bottom:10px;font-size:16px;color:#333}.permissions-container label{display:flex;align-items:center;grid-gap:8px;gap:8px;margin-bottom:8px;font-size:14px}.staff-list-container{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.staff-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:20px;gap:20px;margin-top:20px}.staff-card{background-color:#f8f9fa;padding:20px;border-radius:8px;display:flex;flex-direction:column;grid-gap:15px;gap:15px}.staff-info h3{margin:0 0 10px;color:#333;font-size:18px}.staff-info p{margin:5px 0;color:#666;font-size:14px}.staff-permissions{border-top:1px solid #ddd;padding-top:15px}.staff-permissions h4{margin:0 0 10px;font-size:16px;color:#333}.staff-permissions label{display:flex;align-items:center;grid-gap:8px;gap:8px;margin-bottom:8px;font-size:14px}.loading-container{display:flex;justify-content:center;align-items:center;min-height:200px}.error-message{color:#dc3545;text-align:center;padding:20px}@media (max-width:1024px){.staff-management{grid-template-columns:1fr}}@media (max-width:768px){.staff-management{padding:15px}.staff-list{grid-template-columns:1fr}}
/*# sourceMappingURL=main.d32d9922.chunk.css.map */