@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.loader-container{flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:16px;display:flex}.spinner svg{width:100%;height:100%}.spinner circle{stroke-linecap:round;animation:1.5s ease-in-out infinite spinner-dash}.spinner-sm{width:24px;height:24px}.spinner-md{width:44px;height:44px}.spinner-lg{width:72px;height:72px}.spinner-cyan circle{stroke:var(--color-cyan)}.spinner-purple circle{stroke:var(--color-purple)}.spinner-emerald circle{stroke:var(--color-emerald)}.dots-loader{align-items:center;gap:6px;display:flex}.dots-loader span{border-radius:50%;animation:1.4s ease-in-out infinite both dots-bounce;display:block}.dots-sm span{width:6px;height:6px}.dots-md span{width:10px;height:10px}.dots-lg span{width:16px;height:16px}.dots-cyan span{background-color:var(--color-cyan);box-shadow:0 0 8px var(--color-cyan-glow)}.dots-purple span{background-color:var(--color-purple);box-shadow:0 0 8px var(--color-purple-glow)}.dots-emerald span{background-color:var(--color-emerald)}.dots-loader span:first-child{animation-delay:-.32s}.dots-loader span:nth-child(2){animation-delay:-.16s}.loader-label{font-family:var(--font-sans);color:var(--text-secondary);font-size:.9rem;font-weight:500}.label-cyan{color:var(--color-cyan);text-shadow:0 0 8px var(--color-cyan-dim)}.label-purple{color:var(--color-purple);text-shadow:0 0 8px var(--color-purple-dim)}@keyframes spinner-rotate{to{transform:rotate(360deg)}}@keyframes spinner-dash{0%{stroke-dasharray:1 150;stroke-dashoffset:0}50%{stroke-dasharray:90 150;stroke-dashoffset:-35px}to{stroke-dasharray:90 150;stroke-dashoffset:-124px}}@keyframes dots-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.card-panel{transition:transform var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal), background-color var(--transition-normal);padding:24px;position:relative;overflow:hidden}.card-hoverable:hover{background:var(--bg-surface-hover);border-color:var(--border-glass-glow);box-shadow:0 12px 40px 0 #0009, 0 0 12px var(--color-cyan-dim);transform:translateY(-4px)}.card-clickable{cursor:pointer}.card-clickable:active{transform:scale(.985)translateY(-2px)}.card-glow-cyan{box-shadow:var(--glass-shadow), 0 0 15px #00f5f51a;border-color:#00f5f540}.card-glow-cyan:hover{border-color:var(--color-cyan);box-shadow:0 12px 40px 0 #0009, 0 0 20px var(--color-cyan-glow)}.card-glow-purple{box-shadow:var(--glass-shadow), 0 0 15px #a651fb1a;border-color:#a651fb40}.card-glow-purple:hover{border-color:var(--color-purple);box-shadow:0 12px 40px 0 #0009, 0 0 20px var(--color-purple-glow)}.btn{font-family:var(--font-sans);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;border:1px solid #0000;outline:none;justify-content:center;align-items:center;gap:8px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:active:not(:disabled){transform:scale(.96)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-sm{padding:6px 12px;font-size:.875rem}.btn-md{padding:10px 20px;font-size:.95rem}.btn-lg{border-radius:var(--radius-lg);padding:14px 28px;font-size:1.05rem}.btn-primary{background:var(--color-cyan);color:var(--bg-primary);box-shadow:0 0 8px var(--color-cyan-dim)}.btn-primary:hover:not(:disabled){box-shadow:0 0 15px var(--color-cyan-glow);background:#1affff}.btn-secondary{background:var(--bg-surface);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-color:var(--border-glass);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:var(--bg-surface-hover);border-color:var(--border-glass-glow);box-shadow:0 0 10px var(--color-cyan-dim)}.btn-danger{background:var(--color-rose);color:var(--text-primary);box-shadow:0 0 8px var(--color-rose-dim)}.btn-danger:hover:not(:disabled){box-shadow:0 0 15px var(--color-rose);background:#fa4270}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--bg-surface-hover);color:var(--text-primary)}.btn-spinner{width:18px;height:18px;animation:.8s linear infinite btn-spin;display:inline-block}.btn-spinner svg{width:100%;height:100%}.btn-spinner circle:last-child{stroke-dasharray:40 40}.btn-icon{justify-content:center;align-items:center;display:inline-flex}@keyframes btn-spin{to{transform:rotate(360deg)}}.landing-layout{flex-direction:column;gap:80px;display:flex;position:relative}.hero-section{text-align:center;flex-direction:column;align-items:center;padding:60px 0 20px;display:flex;position:relative;overflow:hidden}.hero-glow{background:radial-gradient(circle, var(--color-cyan-glow) 0%, transparent 70%);filter:blur(50px);z-index:-1;pointer-events:none;opacity:.6;width:500px;height:500px;position:absolute;top:-150px}.hero-content{flex-direction:column;align-items:center;gap:24px;max-width:800px;display:flex}.hero-badge{background:var(--bg-surface);border:1px solid var(--border-glass-glow);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;color:var(--color-cyan);box-shadow:0 0 10px var(--color-cyan-dim);align-items:center;gap:8px;padding:6px 14px;font-size:.8rem;font-weight:600;display:inline-flex}.badge-sparkle{color:var(--color-cyan)}.hero-logo-wrapper{margin-bottom:8px}.hero-logo{object-fit:contain;height:90px}.hero-title{flex-direction:column;align-items:center;gap:8px;font-size:3rem;font-weight:800;line-height:1.15;display:flex}.hero-library-name{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;margin-top:4px;font-size:1.25rem;font-weight:500}.hero-subtitle{color:var(--text-secondary);max-width:700px;font-size:1.1rem;line-height:1.6}.hero-buttons{gap:16px;margin-top:12px;display:flex}.features-section{flex-direction:column;align-items:center;gap:40px;display:flex}.section-title{letter-spacing:-.02em;text-align:center;font-size:1.85rem;font-weight:700;position:relative}.section-title:after{content:"";background:var(--color-cyan);border-radius:var(--radius-full);width:50px;height:3px;margin:12px auto 0;display:block}.features-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;width:100%;display:grid}.feature-card{flex-direction:column;align-items:flex-start;gap:16px;display:flex}.feature-card h3{font-size:1.15rem;font-weight:600}.feature-card p{color:var(--text-secondary);font-size:.9rem}.feature-icon-wrapper{border-radius:var(--radius-md);justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:8px;display:flex}.feature-icon{width:22px;height:22px}.cyan-glow{background:var(--color-cyan-dim);color:var(--color-cyan);border:1px solid #00f5f54d}.purple-glow{background:var(--color-purple-dim);color:var(--color-purple);border:1px solid #a651fb4d}.emerald-glow{background:var(--color-emerald-dim);color:var(--color-emerald);border:1px solid #00e6734d}.rose-glow{background:var(--color-rose-dim);color:var(--color-rose);border:1px solid #f91f564d}.roles-section{flex-direction:column;align-items:center;gap:40px;display:flex}.roles-grid{grid-template-columns:repeat(3,1fr);gap:24px;width:100%;display:grid}.role-box{background:var(--bg-surface);border:1px solid var(--border-glass);border-radius:var(--radius-md);text-align:center;transition:border-color var(--transition-normal);flex-direction:column;align-items:center;gap:16px;padding:32px 24px;display:flex}.role-box:hover{border-color:var(--border-glass-glow);cursor:pointer}.role-icon{width:36px;height:36px}.role-box h4{font-size:1.15rem}.role-box p{color:var(--text-secondary);font-size:.9rem}@media (width<=900px){.hero-title{font-size:2.2rem}.roles-grid{grid-template-columns:1fr}}.input-wrapper{flex-direction:column;gap:8px;width:100%;margin-bottom:16px;display:flex}.input-label{font-family:var(--font-sans);color:var(--text-secondary);transition:color var(--transition-fast);font-size:.875rem;font-weight:500}.input-container{background:var(--bg-surface);border:1px solid var(--border-glass);border-radius:var(--radius-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);align-items:center;width:100%;display:flex;position:relative}.input-field{width:100%;font-family:var(--font-sans);color:var(--text-primary);background:0 0;border:none;outline:none;padding:12px 16px;font-size:.95rem}.input-field::placeholder{color:var(--text-muted)}.input-field:disabled{cursor:not-allowed;opacity:.6}.input-icon-left{color:var(--text-muted);transition:color var(--transition-fast);justify-content:center;align-items:center;padding-left:14px;display:flex}.input-field-with-icon{padding-left:8px}.input-focused .input-label{color:var(--color-cyan)}.input-focused .input-container{border-color:var(--color-cyan);box-shadow:0 0 10px var(--color-cyan-dim)}.input-focused .input-icon-left{color:var(--color-cyan)}.input-has-error .input-label{color:var(--color-rose)}.input-has-error .input-container{border-color:var(--color-rose);box-shadow:0 0 10px var(--color-rose-dim)}.input-error-msg{font-family:var(--font-sans);color:var(--color-rose);font-size:.775rem;animation:.2s ease-out forwards slideUp}.toast-box{border-radius:var(--radius-md);min-width:320px;max-width:450px;box-shadow:var(--glass-shadow);pointer-events:auto;z-index:9999;justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.toast-content{align-items:center;gap:12px;display:flex}.toast-message{font-family:var(--font-sans);color:var(--text-primary);font-size:.9rem;font-weight:500}.toast-close-btn{color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.toast-close-btn:hover{color:var(--text-primary)}.toast-icon{flex-shrink:0}.text-success{color:var(--color-emerald)}.text-error{color:var(--color-rose)}.text-info{color:var(--color-cyan)}.toast-success{box-shadow:var(--glass-shadow), 0 0 10px var(--color-emerald-dim);border-color:#00e6734d}.toast-error{box-shadow:var(--glass-shadow), 0 0 10px var(--color-rose-dim);border-color:#f91f564d}.toast-info{box-shadow:var(--glass-shadow), 0 0 10px var(--color-cyan-dim);border-color:#00f5f54d}.login-page-container{justify-content:center;align-items:center;min-height:calc(100vh - 150px);padding:20px 0;display:flex;position:relative}.login-glow{background:radial-gradient(circle, var(--color-purple-glow) 0%, var(--color-cyan-dim) 50%, transparent 80%);filter:blur(80px);z-index:-1;pointer-events:none;opacity:.55;width:600px;height:600px;position:absolute}.login-card{border-radius:var(--radius-lg);width:100%;max-width:480px;padding:40px}.login-card-header{text-align:center;flex-direction:column;gap:8px;margin-bottom:32px;display:flex}.login-title{letter-spacing:-.02em;font-size:1.8rem;font-weight:800}.login-subtitle{color:var(--text-secondary);font-size:.9rem}.login-form{flex-direction:column;gap:16px;display:flex}.w-full{width:100%!important}.role-selector-container{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.selector-label{font-family:var(--font-sans);color:var(--text-secondary);font-size:.875rem;font-weight:500}.role-options{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.role-option-btn{border:1px solid var(--border-glass);background:var(--bg-surface);border-radius:var(--radius-md);color:var(--text-secondary);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:10px 4px;font-size:.85rem;font-weight:600;display:flex}.role-option-btn input{display:none}.role-option-btn:hover{background:var(--bg-surface-hover);border-color:var(--border-glass-glow);color:var(--text-primary)}.role-option-btn.active{border-color:var(--color-cyan);background:var(--color-cyan-dim);color:var(--color-cyan);box-shadow:0 0 10px var(--color-cyan-dim)}.login-divider{text-align:center;color:var(--text-muted);align-items:center;margin:20px 0;display:flex}.login-divider:before,.login-divider:after{content:"";border-bottom:1px solid var(--border-glass);flex:1}.login-divider:not(:empty):before{margin-right:.5em}.login-divider:not(:empty):after{margin-left:.5em}.login-divider span{text-transform:uppercase;letter-spacing:.05em;font-size:.8rem}.google-btn{border-color:var(--border-glass)!important}.google-btn:hover{border-color:var(--text-muted)!important;background:#ffffff08!important}.login-footer{text-align:center;margin-top:24px}.toggle-auth-mode-btn{color:var(--text-muted);font-family:var(--font-sans);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;font-size:.875rem}.toggle-auth-mode-btn:hover{color:var(--color-cyan)}.login-toast-container{z-index:10000;position:fixed;top:20px;right:20px}.unauthorized-page-container{justify-content:center;align-items:center;min-height:calc(100vh - 150px);display:flex}.unauthorized-card{text-align:center;border-radius:var(--radius-md);flex-direction:column;align-items:center;gap:20px;max-width:440px;display:flex}.unauthorized-icon-wrapper{border-radius:var(--radius-full);background:var(--color-rose-dim);width:80px;height:80px;color:var(--color-rose);box-shadow:0 0 15px var(--color-rose-dim);border:2px solid #f91f564d;justify-content:center;align-items:center;animation:3s ease-in-out infinite float;display:flex}.unauthorized-icon{animation:2s infinite alternate pulse-glow}.unauthorized-title{color:var(--text-primary);font-size:1.6rem;font-weight:800}.unauthorized-desc{color:var(--text-secondary);font-size:.925rem;line-height:1.6}.navbar-container{z-index:100;border-radius:0 0 var(--radius-md) var(--radius-md);background:#030711cc;border-top:none;border-left:none;border-right:none;width:100%;height:70px;position:sticky;top:0;left:0}.navbar-content{justify-content:space-between;align-items:center;max-width:1280px;height:100%;margin:0 auto;padding:0 24px;display:flex}.navbar-brand{color:var(--text-primary);letter-spacing:-.03em;align-items:center;gap:10px;font-size:1.35rem;font-weight:800;display:flex}.brand-icon-img{object-fit:contain;border-radius:4px;width:32px;height:32px}.brand-text-container{flex-direction:column;justify-content:center;display:flex}.brand-title-row{align-items:center;display:flex}.brand-subtitle{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:-2px;font-size:.6rem;font-weight:500}.brand-accent{color:var(--color-cyan)}.brand-subtext{text-transform:uppercase;background:var(--color-cyan);color:var(--bg-primary);letter-spacing:.05em;border-radius:4px;margin-left:6px;padding:2px 5px;font-size:.65rem;font-weight:700}.navbar-links{align-items:center;gap:28px;list-style:none;display:flex}.nav-link{color:var(--text-secondary);padding:8px 0;font-size:.95rem;font-weight:500;position:relative}.nav-link:hover{color:var(--text-primary)}.nav-link:after{content:"";background:var(--color-cyan);width:0;height:2px;transition:width var(--transition-fast) ease, left var(--transition-fast) ease;position:absolute;bottom:0;left:50%}.nav-link:hover:after{width:100%;left:0}.nav-link-active{font-weight:600;color:var(--color-cyan)!important}.nav-link-active:after{width:100%;left:0}.navbar-actions{align-items:center;gap:16px;display:flex}.user-profile-menu{align-items:center;gap:12px;display:flex}.user-info-text{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.user-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:120px;font-size:.875rem;font-weight:600;overflow:hidden}.role-badge{text-transform:uppercase;border:1px solid #0000;border-radius:4px;padding:1px 6px;font-size:.7rem;font-weight:700}.badge-admin{background:var(--color-rose-dim);color:var(--color-rose);border-color:#f91f564d}.badge-pustakawan{background:var(--color-cyan-dim);color:var(--color-cyan);border-color:#00f5f54d}.badge-guru{background:var(--color-purple-dim);color:var(--color-purple);border-color:#a651fb4d}.badge-siswa{color:var(--text-secondary);background:#ffffff0d;border-color:#ffffff26}.avatar-wrapper{border-radius:var(--radius-full);border:1px solid var(--border-glass-glow);background:var(--bg-secondary);width:36px;height:36px;padding:2px}.user-avatar{border-radius:var(--radius-full);object-fit:cover;width:100%;height:100%}.avatar-placeholder{border-radius:var(--radius-full);background:var(--bg-surface);width:100%;height:100%;color:var(--text-secondary);justify-content:center;align-items:center;display:flex}.logout-btn{color:var(--text-muted)}.logout-btn:hover{color:var(--color-rose)!important}.mobile-menu-toggle{color:var(--text-primary);cursor:pointer;background:0 0;border:none;display:none}.mobile-nav-drawer{background:var(--bg-secondary);border-radius:0 0 var(--radius-md) var(--radius-md);width:100%;animation:fadeIn var(--transition-fast) ease-out;border-left:none;border-right:none;position:absolute;top:70px;left:0;box-shadow:0 10px 30px #00000080}.mobile-links{flex-direction:column;padding:16px 24px;list-style:none;display:flex}.mobile-link{color:var(--text-secondary);border-bottom:1px solid var(--border-glass);padding:12px 0;font-size:1.05rem;font-weight:500;display:block}.mobile-link-active{color:var(--color-cyan)}.mobile-logout-item{margin-top:8px}.mobile-logout-btn{width:100%;color:var(--color-rose);font-family:var(--font-sans);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;padding:14px 0;font-size:1.05rem;font-weight:600;display:flex}@media (width<=900px){.navbar-links,.logout-btn{display:none}.mobile-menu-toggle{display:block}}.app-layout{background-color:var(--bg-primary);flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1;padding-top:32px;padding-bottom:64px}.siswa-dashboard-container{flex-direction:column;gap:32px;display:flex}.welcome-banner{background:linear-gradient(135deg, var(--bg-surface) 0%, #00f5f50d 100%);border-radius:var(--radius-lg);border-color:#00f5f526;padding:40px;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000059}.welcome-badge{background:var(--color-cyan-dim);color:var(--color-cyan);border-radius:var(--radius-full);text-transform:uppercase;border:1px solid #00f5f540;align-items:center;gap:6px;margin-bottom:16px;padding:4px 12px;font-size:.75rem;font-weight:700;display:inline-flex}.welcome-title{letter-spacing:-.02em;margin-bottom:12px;font-size:2.2rem;font-weight:800}.welcome-subtitle{color:var(--text-secondary);max-width:800px;font-size:1rem;line-height:1.6}.dashboard-card{flex-direction:column;gap:16px;display:flex}.card-desc{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.quick-search-box{align-items:flex-end;gap:12px;margin-top:8px;display:flex}.quick-search-input{flex:1;margin-bottom:0!important}.ai-rec-placeholder{border:1px dashed var(--border-glass);border-radius:var(--radius-md);text-align:center;background:#ffffff03;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:32px 16px;display:flex}.placeholder-sparkle{color:var(--color-purple)}.ai-rec-placeholder p{color:var(--text-muted);max-width:240px;font-size:.825rem}.lists-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (width<=900px){.dashboard-grid,.lists-grid{grid-template-columns:1fr}.welcome-title{font-size:1.8rem}}.book-card{cursor:pointer;border-radius:var(--radius-md);flex-direction:column;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s,border-color .25s;animation:.4s cubic-bezier(.16,1,.3,1) both cardSlideUp;display:flex;position:relative;overflow:hidden}@keyframes cardSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.book-card:hover{box-shadow:0 20px 60px #0006, 0 0 0 1px var(--card-accent-glow);transform:translateY(-6px)}.book-card:focus-visible{outline:2px solid var(--color-cyan);outline-offset:2px}.book-card.accent-cyan{--card-accent:var(--color-cyan);--card-accent-dim:var(--color-cyan-dim);--card-accent-glow:var(--color-cyan-glow)}.book-card.accent-purple{--card-accent:var(--color-purple);--card-accent-dim:var(--color-purple-dim);--card-accent-glow:var(--color-purple-glow)}.book-card.accent-emerald{--card-accent:var(--color-emerald);--card-accent-dim:var(--color-emerald-dim);--card-accent-glow:#00e6734d}.book-card.accent-rose{--card-accent:var(--color-rose);--card-accent-dim:var(--color-rose-dim);--card-accent-glow:#f91f564d}.book-card:before{content:"";background:var(--card-accent);opacity:0;width:3px;height:100%;transition:opacity .25s;position:absolute;top:0;left:0}.book-card:hover:before{opacity:1}.book-card-cover{background:var(--bg-secondary);flex-shrink:0;height:160px;position:relative;overflow:hidden}.book-cover-img{object-fit:cover;width:100%;height:100%;transition:transform .35s}.book-card:hover .book-cover-img{transform:scale(1.05)}.book-cover-placeholder{width:100%;height:100%;color:var(--card-accent);opacity:.5;flex-direction:column;justify-content:center;align-items:center;gap:8px;transition:opacity .25s;display:flex}.book-card:hover .book-cover-placeholder{opacity:.85}.book-cover-placeholder.cover-cyan{background:linear-gradient(135deg,#040916,#082121)}.book-cover-placeholder.cover-purple{background:linear-gradient(135deg,#040916,#1a0f24)}.book-cover-placeholder.cover-emerald{background:linear-gradient(135deg,#040916,#0c1d14)}.book-cover-placeholder.cover-rose{background:linear-gradient(135deg,#040916,#240f14)}.book-cover-call-number{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.05em;font-size:10px}.availability-badge{border-radius:var(--radius-full);letter-spacing:.03em;-webkit-backdrop-filter:blur(8px);align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;display:flex;position:absolute;top:10px;right:10px}.badge-available{color:var(--color-emerald);background:#00e6732e;border:1px solid #00e67366}.badge-borrowed{color:var(--color-rose);background:#f91f562e;border:1px solid #f91f5666}.badge-reserved{color:#fbc251;background:#f9b11f2e;border:1px solid #f9b11f66}.book-card-body{flex-direction:column;flex:1;gap:8px;padding:14px 16px 40px;display:flex}.book-subjects{flex-wrap:wrap;gap:5px;display:flex}.subject-chip{background:var(--card-accent-dim);color:var(--card-accent);border:1px solid var(--card-accent-glow);border-radius:var(--radius-full);white-space:nowrap;padding:2px 8px;font-size:11px;font-weight:500}.subject-chip-more{background:var(--bg-surface);color:var(--text-muted);border-color:var(--border-glass)}.book-card-title{color:var(--text-primary);-webkit-line-clamp:2;letter-spacing:-.01em;-webkit-box-orient:vertical;font-size:14px;font-weight:700;line-height:1.4;transition:color .2s;display:-webkit-box;overflow:hidden}.book-card:hover .book-card-title{color:var(--card-accent)}.book-card-meta{flex-direction:column;gap:4px;display:flex}.book-meta-row{gap:12px;display:flex}.book-meta-item{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:5px;font-size:12px;display:flex;overflow:hidden}.book-meta-item svg{color:var(--card-accent);opacity:.7;flex-shrink:0}.book-meta-item span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.book-card-publisher{color:var(--text-muted);opacity:.75;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.book-card-arrow{color:var(--card-accent);opacity:0;transition:opacity .25s,transform .25s;position:absolute;bottom:14px;right:16px;transform:translate(-6px)}.book-card:hover .book-card-arrow{opacity:1;transform:translate(0)}.book-card-skeleton{border-radius:var(--radius-md);animation:1.5s ease-in-out infinite skeletonPulse;overflow:hidden}@keyframes skeletonPulse{0%,to{opacity:.6}50%{opacity:.3}}.skeleton-cover{background:var(--bg-surface);height:160px}.skeleton-body{flex-direction:column;gap:10px;padding:14px 16px;display:flex}.skeleton-line{border-radius:var(--radius-sm);background:var(--bg-surface-hover)}.skeleton-line.short{width:40%;height:12px}.skeleton-line.medium{width:75%;height:14px}.skeleton-line.long{width:90%;height:14px}.skeleton-line.xshort{width:55%;height:11px}.book-search-page{flex-direction:column;gap:24px;min-height:100vh;display:flex}.book-search-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.book-search-header-text{flex-direction:column;gap:6px;display:flex}.page-title{letter-spacing:-.03em;font-size:clamp(22px,3vw,30px);font-weight:800}.page-subtitle{color:var(--text-muted);font-size:14px}.search-bar-container{flex-direction:column;gap:16px;padding:20px 24px;display:flex}.search-mode-toggle{background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:var(--radius-full);align-self:flex-start;gap:4px;padding:4px;display:inline-flex}.mode-tab{border-radius:var(--radius-full);cursor:pointer;color:var(--text-muted);font-size:13px;font-weight:500;font-family:var(--font-sans);background:0 0;border:none;align-items:center;gap:6px;padding:6px 16px;transition:all .2s;display:flex}.mode-tab:hover{color:var(--text-primary)}.mode-tab-active{background:linear-gradient(135deg, var(--color-cyan-dim), var(--color-purple-dim));color:var(--text-primary);box-shadow:0 0 12px var(--color-cyan-glow)}.mode-tab-active svg{color:var(--color-cyan)}.search-mode-hint{color:var(--text-muted);font-size:13px;font-style:italic}.search-form{align-items:center;gap:10px;display:flex}.search-input-wrapper{flex:1;align-items:center;display:flex;position:relative}.search-icon{color:var(--color-cyan);pointer-events:none;z-index:1;display:flex;position:absolute;left:14px}.search-input{background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-family:var(--font-sans);padding:12px 42px 12px 46px;font-size:15px;transition:border-color .2s,box-shadow .2s}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{border-color:var(--color-cyan-glow);box-shadow:0 0 0 3px var(--color-cyan-dim), 0 0 20px var(--color-cyan-glow);outline:none}.search-input:disabled{opacity:.5;cursor:not-allowed}.search-clear-btn{cursor:pointer;color:var(--text-muted);border-radius:var(--radius-full);background:0 0;border:none;padding:4px;transition:color .2s,background .2s;display:flex;position:absolute;right:12px}.search-clear-btn:hover{color:var(--text-primary);background:var(--bg-surface-hover)}.filter-btn-active{border-color:var(--color-cyan-glow)!important;color:var(--color-cyan)!important}.filter-panel{background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:var(--radius-md);flex-direction:column;gap:16px;padding:16px;animation:.2s fadeIn;display:flex}.filter-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.filter-group{flex-direction:column;gap:8px;display:flex}.filter-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.filter-select{background:var(--bg-surface);border:1px solid var(--border-glass);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-sans);cursor:pointer;padding:8px 12px;font-size:14px;transition:border-color .2s}.filter-select:focus{border-color:var(--color-cyan-glow);outline:none}.filter-select option{background:var(--bg-primary)}.filter-actions{gap:10px;display:flex}.ai-explanation-banner{border-left:3px solid var(--color-cyan);background:linear-gradient(135deg, var(--color-cyan-dim), transparent);gap:14px;padding:16px 20px;animation:.3s fadeIn;display:flex}.ai-banner-icon{color:var(--color-cyan);flex-shrink:0;padding-top:2px}.ai-banner-content{flex-direction:column;gap:4px;display:flex}.ai-interpretation{color:var(--text-secondary);font-size:13px}.ai-explanation-text{color:var(--text-primary);font-size:14px;line-height:1.6}.search-error-banner{border-radius:var(--radius-md);color:var(--color-rose);background:#f91f561a;border:1px solid #f91f564d;align-items:center;gap:10px;padding:12px 16px;font-size:14px;animation:.2s fadeIn;display:flex}.results-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.results-count{color:var(--text-muted);align-items:center;gap:6px;font-size:13px;display:flex}.results-loading{color:var(--color-cyan);align-items:center;gap:8px;display:flex}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.filter-active-indicator{color:var(--color-cyan)}.reset-search-btn{border:1px solid var(--border-glass);border-radius:var(--radius-full);font-size:12px;font-family:var(--font-sans);color:var(--text-muted);cursor:pointer;background:0 0;align-items:center;gap:5px;padding:5px 12px;transition:all .2s;display:flex}.reset-search-btn:hover{color:var(--text-primary);border-color:var(--color-cyan-glow);background:var(--color-cyan-dim)}.books-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;display:grid}.empty-state{text-align:center;flex-direction:column;grid-column:1/-1;align-items:center;gap:16px;padding:60px 24px;animation:.3s fadeIn;display:flex}.empty-state-icon{color:var(--color-cyan);opacity:.5;animation:3s ease-in-out infinite float}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}.empty-state h3{color:var(--text-primary);font-size:20px}.empty-state p{color:var(--text-muted);max-width:400px;font-size:14px;line-height:1.6}.ai-suggestion-bar{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:10px;padding:14px 20px;font-size:13px;display:flex}.suggestion-chip{background:var(--color-cyan-dim);border:1px solid var(--color-cyan-glow);color:var(--color-cyan);border-radius:var(--radius-full);font-size:12px;font-family:var(--font-sans);cursor:pointer;text-align:left;padding:6px 14px;transition:all .2s}.suggestion-chip:hover{background:var(--color-cyan);color:#030711;box-shadow:0 4px 12px var(--color-cyan-glow);transform:translateY(-2px)}@media (width<=768px){.search-form{flex-wrap:wrap}.search-input-wrapper{flex:100%;min-width:0}.books-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}.ai-suggestion-bar{gap:8px}}@media (width<=480px){.books-grid{grid-template-columns:1fr 1fr}.search-mode-toggle{width:100%}.mode-tab{flex:1;justify-content:center}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.book-detail-page{flex-direction:column;gap:28px;min-height:100vh;display:flex}.back-btn{background:var(--bg-surface);border:1px solid var(--border-glass);border-radius:var(--radius-full);font-size:13px;font-family:var(--font-sans);color:var(--text-muted);cursor:pointer;align-self:flex-start;align-items:center;gap:8px;padding:8px 16px;transition:all .2s;display:inline-flex}.back-btn:hover{color:var(--text-primary);border-color:var(--color-cyan-glow);background:var(--color-cyan-dim);transform:translate(-2px)}.book-detail-layout{grid-template-columns:280px 1fr;align-items:start;gap:28px;display:grid}.book-cover-sidebar{flex-direction:column;gap:14px;display:flex;position:sticky;top:100px}.detail-cover-container{aspect-ratio:3/4;border-radius:var(--radius-lg);border:1px solid var(--border-glass);width:100%;box-shadow:0 20px 60px #0006, 0 0 40px var(--cover-glow,transparent);flex-direction:column;justify-content:center;align-items:center;gap:12px;transition:box-shadow .3s;display:flex;overflow:hidden}.detail-cover-container.cover-cyan{--cover-glow:var(--color-cyan-glow);background:linear-gradient(160deg,#040916 0%,#092525 100%)}.detail-cover-container.cover-purple{--cover-glow:var(--color-purple-glow);background:linear-gradient(160deg,#040916 0%,#1c1127 100%)}.detail-cover-container.cover-emerald{--cover-glow:#00e67333;background:linear-gradient(160deg,#040916 0%,#0e2017 100%)}.detail-cover-container.cover-rose{--cover-glow:#f91f5633;background:linear-gradient(160deg,#040916 0%,#271116 100%)}.detail-cover-img{object-fit:cover;width:100%;height:100%}.detail-cover-placeholder{color:var(--color-cyan);opacity:.6;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px;display:flex}.detail-call-number{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.08em;font-size:11px}.availability-status-card{border-radius:var(--radius-md);align-items:center;gap:10px;padding:12px 16px;font-size:14px;font-weight:600;display:flex}.avail-available{border-left:3px solid var(--color-emerald)}.avail-borrowed{border-left:3px solid var(--color-rose)}.avail-reserved{border-left:3px solid #fbc251}.quick-actions{flex-direction:column;gap:8px;display:flex}.w-full{justify-content:center;width:100%}.category-badge{color:var(--text-secondary);border-radius:var(--radius-md);align-items:center;gap:8px;padding:8px 14px;font-size:13px;display:flex}.category-badge svg{color:var(--color-purple)}.book-detail-main{flex-direction:column;gap:20px;display:flex}.book-title-section{flex-direction:column;gap:10px;display:flex}.detail-subjects{flex-wrap:wrap;gap:6px;display:flex}.detail-subject-chip{border-radius:var(--radius-full);padding:4px 12px;font-size:12px;font-weight:600}.detail-subject-chip.chip-cyan{background:var(--color-cyan-dim);color:var(--color-cyan);border:1px solid var(--color-cyan-glow)}.detail-subject-chip.chip-purple{background:var(--color-purple-dim);color:var(--color-purple);border:1px solid var(--color-purple-glow)}.detail-subject-chip.chip-emerald{background:var(--color-emerald-dim);color:var(--color-emerald);border:1px solid #00e6734d}.detail-subject-chip.chip-rose{background:var(--color-rose-dim);color:var(--color-rose);border:1px solid #f91f564d}.book-detail-title{letter-spacing:-.03em;color:var(--text-primary);font-size:clamp(20px,3vw,30px);font-weight:800;line-height:1.2}.book-detail-author{color:var(--text-secondary);align-items:center;gap:8px;font-size:16px;font-weight:500;display:flex}.book-detail-author svg{color:var(--color-cyan)}.book-description-section{padding:20px}.section-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:8px;margin-bottom:12px;font-size:14px;font-weight:700;display:flex}.section-title svg{color:var(--color-cyan)}.book-description{color:var(--text-secondary);font-size:15px;line-height:1.75}.book-info-grid{padding:20px}.info-rows{grid-template-columns:1fr 1fr;gap:4px;margin-top:4px;display:grid}.info-row{border-radius:var(--radius-sm);align-items:flex-start;gap:12px;padding:10px 8px;transition:background .2s;display:flex}.info-row:hover{background:var(--bg-surface-hover)}.info-icon{flex-shrink:0;padding-top:2px}.info-content{flex-direction:column;gap:2px;min-width:0;display:flex}.info-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600}.info-value{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;overflow:hidden}.ai-summary-panel{border-left:3px solid var(--color-cyan);background:linear-gradient(135deg, var(--color-cyan-dim), transparent 60%);padding:24px}.ai-panel-header{margin-bottom:16px}.ai-panel-title{align-items:center;gap:10px;margin-bottom:8px;display:flex}.ai-panel-title h3{font-size:16px;font-weight:700}.ai-panel-hint{color:var(--text-muted);font-size:13px;line-height:1.6}.ai-summary-loading{color:var(--color-cyan);align-items:center;gap:12px;padding:20px 0;font-size:14px;display:flex}.ai-summary-error{background:var(--color-rose-dim);border-radius:var(--radius-sm);color:var(--color-rose);border:1px solid #f91f564d;align-items:center;gap:8px;padding:12px;font-size:14px;display:flex}.ai-summary-result{flex-direction:column;gap:16px;display:flex}.ai-summary-text{color:var(--text-secondary);white-space:pre-wrap;font-size:15px;line-height:1.8}.summary-typing{animation:.2s fadeIn}.typing-cursor{color:var(--color-cyan);font-weight:300;animation:.7s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.ai-summary-footer{color:var(--text-muted);border-top:1px solid var(--border-glass);align-items:center;gap:6px;padding-top:12px;font-size:11px;display:flex}.ai-summary-footer svg{color:var(--color-cyan)}.related-books-section{flex-direction:column;gap:16px;display:flex}.section-header{flex-direction:column;gap:4px;display:flex}.section-heading{align-items:center;gap:8px;font-size:20px;font-weight:700;display:flex}.section-subheading{color:var(--text-muted);margin-left:28px;font-size:13px}.related-loading{color:var(--text-muted);align-items:center;gap:10px;padding:12px 0;font-size:13px;display:flex}.related-books-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;display:grid}.book-detail-loading{min-height:50vh;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;font-size:15px;display:flex}.loading-book-icon{color:var(--color-cyan);opacity:.7}.loading-spin-icon{animation:2s linear infinite spin}.spin-icon{animation:1s linear infinite spin}.book-detail-error{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:60px 24px;display:flex}@media (width<=900px){.book-detail-layout{grid-template-columns:220px 1fr;gap:20px}}@media (width<=680px){.book-detail-layout{grid-template-columns:1fr}.book-cover-sidebar{grid-template-columns:160px 1fr;align-items:start;gap:14px;display:grid;position:static}.detail-cover-container{aspect-ratio:3/4;grid-row:1/3}.info-rows{grid-template-columns:1fr}}@media (width<=440px){.book-cover-sidebar{grid-template-columns:1fr}.detail-cover-container{max-height:240px;aspect-ratio:unset}}.pdf-modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:9999;background:#000000d9;justify-content:center;align-items:center;padding:20px;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.pdf-modal-container{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:12px;flex-direction:column;width:100%;max-width:800px;max-height:90vh;animation:.3s slideUp;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.pdf-modal-header{border-bottom:1px solid var(--border-glass);background:#ffffff05;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.pdf-modal-title{color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:600}.pdf-modal-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.pdf-modal-close:hover{color:var(--text-primary);background:#ffffff1a}.pdf-modal-content.anti-copas{-webkit-user-select:none;user-select:none;background:#2a2a2a;flex:1;justify-content:center;padding:24px;display:flex;overflow-y:auto}.simulated-paper{color:#333;background:#fff;width:100%;max-width:650px;min-height:800px;padding:60px 40px;position:relative;overflow:hidden;box-shadow:0 4px 6px #0000004d}.watermark{color:#0000000d;white-space:nowrap;pointer-events:none;z-index:1;font-size:5rem;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-45deg)}.paper-header{text-align:center;z-index:2;margin-bottom:40px;position:relative}.paper-title{text-transform:uppercase;margin-bottom:12px;font-size:1.5rem;font-weight:700;line-height:1.4}.paper-author{margin-bottom:4px;font-size:1.1rem;font-weight:600}.paper-year{color:#666;font-size:1rem}.paper-body{z-index:2;text-align:justify;line-height:1.8;position:relative}.paper-section-title{text-align:center;margin-bottom:16px;font-size:1.1rem;font-weight:700}.paper-abstract{text-indent:40px;margin-bottom:24px;font-size:1rem}.paper-keywords{color:#444;font-size:.95rem;font-style:italic}.paper-footer{text-align:center;color:#888;font-size:.9rem;position:absolute;bottom:30px;left:0;right:0}.pdf-modal-footer{background:#a855f71a;border-top:1px solid #a855f733;padding:16px 24px}.app-promo{align-items:center;gap:16px;display:flex}.app-promo-icon{color:var(--purple-light);background:#a855f733;border-radius:50%;justify-content:center;align-items:center;padding:12px;display:flex}.app-promo-text h4{color:var(--text-primary);margin:0 0 4px;font-size:1rem}.app-promo-text p{color:var(--text-secondary);margin:0;font-size:.85rem;line-height:1.5}.pdf-iframe-container{background:#fff;border-radius:8px;width:100%;max-width:900px;height:75vh;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000080}.pdf-iframe{border:none;width:100%;height:100%}.pdf-iframe-overlay{z-index:10;pointer-events:none;position:absolute;inset:0}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chat-container{background:var(--bg-surface);border:1px solid var(--border-glass);border-radius:var(--radius-lg);flex-direction:column;height:calc(100vh - 180px);min-height:500px;display:flex;position:relative;overflow:hidden}.chat-header{background:var(--bg-surface);border-bottom:1px solid var(--border-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.chat-header-info{align-items:center;gap:16px;display:flex}.chat-ai-avatar{background:linear-gradient(135deg, var(--color-cyan), var(--color-purple));color:#fff;width:44px;height:44px;box-shadow:0 0 15px var(--color-cyan-dim);border-radius:50%;justify-content:center;align-items:center;display:flex}.chat-header-text h2{margin-bottom:2px;font-size:1.15rem;font-weight:600}.chat-header-text p{color:var(--color-cyan);align-items:center;gap:4px;font-size:.85rem;display:flex}.online-dot{background-color:var(--color-cyan);width:8px;height:8px;box-shadow:0 0 8px var(--color-cyan);border-radius:50%;display:inline-block}.chat-clear-btn{border:1px solid var(--border-glass);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:100px;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;transition:all .2s;display:flex}.chat-clear-btn:hover{background:var(--border-glass-glow);color:var(--color-rose);border-color:var(--color-rose-dim)}.chat-messages{flex-direction:column;flex:1;gap:24px;padding:24px;display:flex;overflow-y:auto}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:0 0}.chat-messages::-webkit-scrollbar-thumb{background:var(--border-glass);border-radius:4px}.chat-empty-state{text-align:center;max-width:400px;color:var(--text-secondary);flex-direction:column;align-items:center;gap:16px;margin:auto;display:flex}.chat-empty-state .sparkles-icon{color:var(--color-cyan);opacity:.8}.message-row{gap:16px;max-width:85%;animation:.3s forwards slideInUp;display:flex}.message-row.user{flex-direction:row-reverse;align-self:flex-end}.message-row.ai{align-self:flex-start}.message-avatar{background:var(--bg-secondary);width:36px;height:36px;color:var(--text-secondary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.message-row.ai .message-avatar{background:var(--color-cyan-dim);color:var(--color-cyan)}.message-bubble{white-space:pre-wrap;word-break:break-word;border-radius:16px;padding:16px 20px;font-size:.95rem;line-height:1.6}.message-row.user .message-bubble{background:var(--color-purple-dim);color:var(--text-primary);border:1px solid #a651fb33;border-bottom-right-radius:4px}.message-row.ai .message-bubble{background:var(--bg-secondary);border:1px solid var(--border-glass);color:var(--text-primary);border-bottom-left-radius:4px}.message-time{color:var(--text-muted);text-align:right;margin-top:6px;font-size:.75rem}.message-row.ai .message-time{text-align:left}.typing-indicator{gap:6px;padding:8px 4px;display:flex}.typing-dot{background-color:var(--color-cyan);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite both typingBounce}.typing-dot:first-child{animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}.typing-dot:nth-child(3){animation-delay:0s}@keyframes typingBounce{0%,80%,to{opacity:.5;transform:scale(0)}40%{opacity:1;transform:scale(1)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-input-wrapper{background:var(--bg-surface);border-top:1px solid var(--border-glass);flex-direction:column;gap:12px;padding:20px 24px;display:flex}.chat-input-box{background:var(--bg-primary);border:1px solid var(--border-glass);border-radius:24px;align-items:flex-end;gap:12px;padding:8px 8px 8px 24px;transition:border-color .2s;display:flex}.chat-input-box:focus-within{border-color:var(--color-cyan);box-shadow:0 0 0 1px var(--color-cyan)}.chat-textarea{color:var(--text-primary);resize:none;background:0 0;border:none;outline:none;flex:1;min-height:24px;max-height:150px;padding:10px 0;font-family:inherit;font-size:.95rem;line-height:1.5}.chat-textarea::placeholder{color:var(--text-muted)}.chat-send-btn{background:linear-gradient(135deg, var(--color-cyan), var(--color-purple));color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex}.chat-send-btn:hover:not(:disabled){box-shadow:0 0 15px var(--color-cyan-dim);transform:scale(1.05)}.chat-send-btn:disabled{background:var(--bg-secondary);color:var(--text-muted);cursor:not-allowed}.chat-footer-note{text-align:center;color:var(--text-muted);font-size:.75rem}@media (width<=768px){.chat-container{border-left:none;border-right:none;border-radius:0;height:calc(100vh - 120px)}.message-row{max-width:95%}.chat-header,.chat-messages,.chat-input-wrapper{padding:16px}}.guru-dashboard-container{flex-direction:column;gap:32px;display:flex}.banner-purple{background:linear-gradient(135deg, var(--bg-surface) 0%, #a651fb0d 100%)!important;border-color:#a651fb26!important}.welcome-badge.badge-purple{background:var(--color-purple-dim);color:var(--color-purple);border:1px solid #a651fb40}.quick-search-box{flex-direction:column;gap:12px;margin-top:12px;display:flex}.list-panel{flex-direction:column;gap:16px;display:flex}.list-panel-header{align-items:center;gap:8px;display:flex}.list-panel-header h3{font-size:1.1rem;font-weight:600}.empty-list-placeholder{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:180px;padding:48px 24px;display:flex}.empty-list-placeholder p{color:var(--text-muted);max-width:320px;font-size:.875rem;line-height:1.5}@media (width<=900px){.dashboard-grid{grid-template-columns:1fr}}.research-container{flex-direction:column;gap:24px;display:flex}.research-form-card{flex-direction:column;gap:16px;padding:32px;display:flex}.research-input-group{flex-direction:column;gap:8px;display:flex}.research-input-group label{color:var(--text-primary);font-weight:500}.research-input{border:1px solid var(--border-glass);width:100%;color:var(--text-primary);background:#ffffff0d;border-radius:12px;padding:16px;font-size:16px;transition:all .3s}.research-input:focus{border-color:var(--purple);outline:none;box-shadow:0 0 0 2px #a855f733}.research-button{background:linear-gradient(135deg, var(--purple), #c084fc);color:#fff;cursor:pointer;border:none;border-radius:8px;align-self:flex-end;align-items:center;gap:8px;padding:12px 24px;font-weight:600;transition:all .3s;display:flex}.research-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #a855f74d}.research-button:disabled{opacity:.7;cursor:not-allowed}.research-result-container{grid-template-columns:2fr 1fr;gap:24px;animation:.5s ease-out slideUp;display:grid}@media (width<=992px){.research-result-container{grid-template-columns:1fr}}.markdown-report{color:var(--text-secondary);line-height:1.8}.markdown-report h1,.markdown-report h2,.markdown-report h3{color:var(--text-primary);margin-top:24px;margin-bottom:12px}.markdown-report h1{background:linear-gradient(to right, var(--text-primary), var(--purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.8rem}.markdown-report p{margin-bottom:16px}.markdown-report ul,.markdown-report ol{margin-bottom:16px;padding-left:24px}.markdown-report li{margin-bottom:8px}.markdown-report strong{color:var(--purple-light)}.recommendation-list{flex-direction:column;gap:16px;display:flex}.loading-state{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:48px;display:flex}.spinner{animation:1s linear infinite spin}.librarian-dashboard-container{flex-direction:column;gap:32px;display:flex}.banner-cyan{background:linear-gradient(135deg, var(--bg-surface) 0%, #00f5f50d 100%)!important;border-color:#00f5f526!important}.welcome-badge.badge-cyan{background:var(--color-cyan-dim);color:var(--color-cyan);border:1px solid #00f5f540}.stats-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.stat-card{flex-direction:column;gap:16px;padding:20px;display:flex}.stat-icon-row{justify-content:space-between;align-items:center;display:flex}.stat-icon-row svg{width:28px;height:28px}.stat-number{color:var(--text-primary);font-size:2rem;font-weight:800;font-family:var(--font-sans)}.stat-text h4{color:var(--text-secondary);margin-bottom:2px;font-size:.875rem;font-weight:600}.stat-text p{color:var(--text-muted);font-size:.775rem}.controls-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.chart-placeholder{border:1px dashed var(--border-glass);border-radius:var(--radius-md);text-align:center;background:#ffffff03;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;min-height:140px;padding:32px 16px;display:flex}.chart-placeholder p{color:var(--text-muted);max-width:260px;font-size:.825rem}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin-slow{animation:8s linear infinite spinSlow}.text-emerald{color:var(--color-emerald)}.sync-section{margin-top:8px}.sync-card{flex-direction:row;justify-content:space-between;align-items:center;gap:24px;display:flex;padding:24px!important}.sync-info{flex-direction:column;flex:1;gap:8px;display:flex}.sync-action{align-items:center;display:flex}.charts-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.chart-card-wrapper{flex-direction:column;gap:16px;min-height:320px;display:flex}.horizontal-bar-chart{flex-direction:column;gap:16px;margin-top:12px;display:flex}.horizontal-bar-item{flex-direction:column;gap:6px;display:flex}.bar-info{justify-content:space-between;font-size:.85rem;font-weight:500;display:flex}.bar-label{color:var(--text-secondary)}.bar-value{color:var(--color-purple);font-weight:700}.bar-track{border-radius:var(--radius-full);background:#ffffff0d;width:100%;height:8px;position:relative;overflow:hidden}.bar-fill{border-radius:var(--radius-full);height:100%;width:var(--width-target);transform-origin:0;animation:1.2s cubic-bezier(.16,1,.3,1) forwards growRight}.bg-gradient-purple{background:linear-gradient(90deg, var(--color-purple-dim) 0%, var(--color-purple) 100%);box-shadow:0 0 12px var(--color-purple-glow)}@keyframes growRight{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.vertical-chart-outer{flex-direction:column;justify-content:flex-end;height:100%;min-height:180px;margin-top:12px;display:flex}.vertical-bar-chart-container{border-bottom:1px solid #ffffff0d;justify-content:center;align-items:flex-end;height:100%;padding-bottom:8px;display:flex}.vertical-bar-chart{justify-content:space-between;align-items:flex-end;width:100%;height:150px;display:flex}.vertical-bar-item{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:8px;height:100%;display:flex}.vertical-bar-wrapper{justify-content:center;align-items:flex-end;width:24px;height:100%;display:flex;position:relative}.vertical-bar-fill{width:100%;height:var(--height-target);transform-origin:bottom;transition:filter var(--transition-fast);cursor:pointer;border-radius:4px 4px 0 0;animation:1.2s cubic-bezier(.16,1,.3,1) forwards growUp}.bg-gradient-emerald{background:linear-gradient(180deg, var(--color-emerald) 0%, var(--color-emerald-dim) 100%)}.vertical-bar-wrapper:hover .vertical-bar-fill{filter:brightness(1.25);box-shadow:0 0 8px #10b98166}.vertical-bar-tooltip{background:var(--bg-secondary);color:var(--text-primary);border-radius:var(--radius-sm);white-space:nowrap;opacity:0;transition:opacity var(--transition-fast), transform var(--transition-fast);pointer-events:none;border:1px solid var(--border-glass);z-index:10;margin-bottom:8px;padding:4px 8px;font-size:.7rem;font-weight:600;position:absolute;bottom:100%;transform:translateY(4px);box-shadow:0 4px 12px #00000080}.vertical-bar-wrapper:hover .vertical-bar-tooltip{opacity:1;transform:translateY(0)}.vertical-bar-label{color:var(--text-muted);font-size:.75rem;font-weight:600}@keyframes growUp{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@media (width<=1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.stats-grid{grid-template-columns:1fr}.sync-card{flex-direction:column;align-items:flex-start;gap:16px}.charts-grid{grid-template-columns:1fr}}.sync-manager-container{flex-direction:column;gap:24px;display:flex}.sync-status-cards{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;display:grid}.status-card{align-items:center;gap:16px;padding:24px;display:flex}.status-icon-wrapper{background:var(--surface-light);border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.status-info{flex-direction:column;gap:4px;display:flex}.status-label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.status-value{color:var(--text-primary);font-size:1.5rem;font-weight:700}.sync-actions-card{flex-direction:column;gap:24px;padding:24px;display:flex}.sync-actions-header{justify-content:space-between;align-items:center;display:flex}.sync-actions-header h2{font-size:1.25rem;font-weight:600}.sync-buttons{gap:16px;display:flex}.progress-container{flex-direction:column;gap:8px;display:flex}.progress-header{justify-content:space-between;align-items:center;font-size:.9rem;display:flex}.progress-bar-bg{background:var(--surface-light);border-radius:4px;width:100%;height:8px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--cyan-primary), var(--purple-primary));border-radius:4px;height:100%;transition:width .3s}.sync-logs-card{flex-direction:column;gap:24px;padding:24px;display:flex}.logs-table-wrapper{overflow-x:auto}.logs-table{border-collapse:separate;border-spacing:0;width:100%}.logs-table th{text-align:left;color:var(--text-secondary);border-bottom:1px solid var(--border-color);padding:16px;font-size:.9rem;font-weight:500}.logs-table td{color:var(--text-primary);border-bottom:1px solid var(--border-color);padding:16px;font-size:.95rem}.logs-table tr:last-child td{border-bottom:none}.status-badge{border-radius:100px;padding:4px 12px;font-size:.85rem;font-weight:500;display:inline-block}.status-badge.success{color:#10b981;background:#10b9811a}.status-badge.error{color:#ef4444;background:#ef44441a}.spin{animation:2s linear infinite spin}.admin-dashboard-container{flex-direction:column;gap:32px;display:flex}.banner-rose{background:linear-gradient(135deg, var(--bg-surface) 0%, #f91f560d 100%)!important;border-color:#f91f5626!important}.welcome-badge.badge-rose{background:var(--color-rose-dim);color:var(--color-rose);border:1px solid #f91f5640}.gradient-text-rose{background:linear-gradient(135deg, var(--text-primary) 30%, var(--color-rose) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.dashboard-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.dashboard-card{flex-direction:column;justify-content:space-between;gap:16px;display:flex}.card-header-icon{align-items:center;gap:10px;display:flex}.card-header-icon h3{font-size:1.2rem;font-weight:700}.card-desc{color:var(--text-secondary);flex:1;font-size:.9rem;line-height:1.5}.tool-cta{margin-top:12px}.text-cyan{color:var(--color-cyan)}.text-purple{color:var(--color-purple)}.text-rose{color:var(--color-rose)}@media (width<=900px){.dashboard-grid{grid-template-columns:1fr}}:root{--bg-primary:#f9fafb;--bg-secondary:#fff;--bg-surface:#ffffffd9;--bg-surface-hover:#fff;--color-cyan:#0053b3;--color-cyan-dim:#0053b31f;--color-cyan-glow:#0053b340;--color-purple:#8c36e2;--color-purple-dim:#8c36e21f;--color-purple-glow:#8c36e240;--color-emerald:#14b866;--color-emerald-dim:#14b8661f;--color-rose:#ee2b5b;--color-rose-dim:#ee2b5b1f;--text-primary:#131d39;--text-secondary:#52637a;--text-muted:#7a899f;--border-glass:#00000014;--border-glass-glow:#0053b340;--glass-blur:blur(12px);--glass-shadow:0 8px 32px 0 #0000000f;--font-sans:"Outfit", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"Fira Code", "Courier New", Courier, monospace;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1)}@keyframes slideRight{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 10px var(--color-cyan-glow)}50%{box-shadow:0 0 20px var(--color-cyan-glow), 0 0 30px #00f5f51a}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes dotPulse{0%,to{opacity:.4;transform:scale(.6)}50%{opacity:1;transform:scale(1.2)}}.animate-fade{animation:fadeIn var(--transition-normal) forwards}.animate-slide-up{animation:slideUp var(--transition-normal) cubic-bezier(.16, 1, .3, 1) forwards}.animate-slide-right{animation:slideRight var(--transition-normal) cubic-bezier(.16, 1, .3, 1) forwards}.animate-float{animation:4s ease-in-out infinite float}.animate-glow{animation:3s ease-in-out infinite pulseGlow}.shimmer-bg{background:linear-gradient(90deg, var(--bg-secondary) 25%, var(--bg-surface) 37%, var(--bg-secondary) 63%);background-size:400% 100%;animation:1.5s linear infinite shimmer}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-surface);border-radius:var(--radius-full);border:2px solid var(--bg-primary)}::-webkit-scrollbar-thumb:hover{background:var(--color-cyan-glow)}::selection{background:var(--color-cyan-glow);color:var(--text-primary)}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-cyan)}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);color:var(--text-primary);letter-spacing:-.02em;font-weight:700;line-height:1.25}.gradient-text{background:linear-gradient(135deg, var(--text-primary) 30%, var(--color-cyan) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-purple{background:linear-gradient(135deg, var(--text-primary) 30%, var(--color-purple) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass-panel{background:var(--bg-surface);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-glass);border-radius:var(--radius-md);box-shadow:var(--glass-shadow);transition:border var(--transition-normal), background var(--transition-normal)}.glass-panel-hover:hover{background:var(--bg-surface-hover);border-color:var(--border-glass-glow)}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 24px}.page-enter{animation:.4s ease-out fadeIn,.4s cubic-bezier(.16,1,.3,1) forwards slideUp}