:root{--bg-base: #0a0c10;--bg-surface: rgba(20, 22, 32, .6);--bg-surface-solid: #141620;--bg-glass-heavy: rgba(15, 17, 26, .85);--bg-glass-light: rgba(255, 255, 255, .03);--bg-glass-hover: rgba(255, 255, 255, .07);--border-glass: rgba(255, 255, 255, .08);--border-glass-focus: rgba(99, 102, 241, .4);--primary: #6366f1;--primary-hover: #4f46e5;--primary-glow: rgba(99, 102, 241, .35);--accent: #8b5cf6;--accent-glow: rgba(139, 92, 246, .35);--success: #10b981;--success-glow: rgba(16, 185, 129, .2);--warning: #f59e0b;--danger: #ef4444;--info: #06b6d4;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--text-inverse: #0f172a;--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-display: "Outfit", sans-serif;--shadow-sm: 0 2px 8px -1px rgba(0, 0, 0, .3);--shadow-md: 0 4px 20px -2px rgba(0, 0, 0, .5);--shadow-lg: 0 12px 40px -4px rgba(0, 0, 0, .7);--shadow-glow: 0 0 15px var(--primary-glow);--blur-base: 16px;--blur-heavy: 24px;--sidebar-width: 260px;--sidebar-collapsed-width: 76px;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 30px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-base);color:var(--text-primary);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;background-image:radial-gradient(at 0% 0%,rgba(99,102,241,.1) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(139,92,246,.08) 0px,transparent 50%),radial-gradient(at 50% 50%,rgba(6,182,212,.03) 0px,transparent 50%);background-attachment:fixed}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0000001a}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.app-layout{display:flex;min-height:100vh;width:100vw}.sidebar-container{width:var(--sidebar-width);background:var(--bg-surface);backdrop-filter:blur(var(--blur-heavy));-webkit-backdrop-filter:blur(var(--blur-heavy));border-right:1px solid var(--border-glass);display:flex;flex-direction:column;padding:1.5rem;transition:width var(--transition-normal);z-index:100;position:relative}.sidebar-container.collapsed{width:var(--sidebar-collapsed-width);padding:1.5rem .75rem}.sidebar-brand{display:flex;align-items:center;gap:.75rem;margin-bottom:2rem;overflow:hidden;height:40px}.brand-logo{min-width:40px;height:40px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--primary),var(--accent));display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 0 15px #6366f166}.brand-title{font-family:var(--font-display);font-size:1.5rem;font-weight:700;background:linear-gradient(to right,var(--text-primary),var(--text-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;white-space:nowrap;transition:opacity var(--transition-fast)}.sidebar-container.collapsed .brand-title{opacity:0;width:0;pointer-events:none}.sidebar-toggle-btn{margin-left:auto;opacity:.5;transition:opacity var(--transition-fast),transform var(--transition-fast)}.sidebar-toggle-btn:hover{opacity:1}.sidebar-container.collapsed .sidebar-toggle-btn{transform:rotate(180deg);margin-left:auto;margin-right:auto}.user-profile-card{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-glass-light);border:1px solid var(--border-glass);border-radius:var(--radius-md);margin-bottom:2rem;overflow:hidden;transition:padding var(--transition-normal)}.sidebar-container.collapsed .user-profile-card{padding:.5rem;justify-content:center}.profile-avatar{width:36px;height:36px;min-width:36px;border-radius:50%;background:linear-gradient(135deg,var(--primary-hover),var(--accent-glow));border:1.5px solid var(--border-glass);display:flex;align-items:center;justify-content:center;font-weight:600;font-family:var(--font-display)}.profile-details{display:flex;flex-direction:column;overflow:hidden;white-space:nowrap;transition:opacity var(--transition-fast)}.sidebar-container.collapsed .profile-details{opacity:0;width:0;display:none}.profile-name{font-size:.85rem;font-weight:600;color:var(--text-primary);text-overflow:ellipsis;overflow:hidden}.profile-role{font-size:.75rem;color:var(--text-muted)}.sidebar-nav{flex:1}.sidebar-nav ul{list-style:none;display:flex;flex-direction:column;gap:.5rem}.nav-item{width:100%;display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;border-radius:var(--radius-md);background:transparent;border:1px solid transparent;color:var(--text-secondary);font-family:var(--font-body);font-size:.95rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);text-align:left}.sidebar-container.collapsed .nav-item{padding:.75rem;justify-content:center}.nav-item:hover{background:var(--bg-glass-hover);color:var(--text-primary)}.nav-item.active{background:linear-gradient(to right,#6366f126,#8b5cf60d);border-color:#6366f133;color:var(--primary);font-weight:600;box-shadow:0 0 15px #6366f10d}.nav-icon{min-width:20px;transition:transform var(--transition-fast)}.nav-item:hover .nav-icon{transform:scale(1.05)}.nav-item.active .nav-icon{color:var(--primary);filter:drop-shadow(0 0 4px var(--primary-glow))}.sidebar-container.collapsed .nav-item span{display:none}.sidebar-footer{margin-top:auto;display:flex;flex-direction:column;gap:.75rem}.sidebar-action-btn{width:100%;display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:transparent;border:1px solid var(--border-glass);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:.9rem;transition:all var(--transition-fast)}.sidebar-container.collapsed .sidebar-action-btn{padding:.75rem;justify-content:center}.sidebar-container.collapsed .sidebar-action-btn span{display:none}.sidebar-action-btn:hover{border-color:var(--danger);color:var(--danger);background:#ef44440d}.offline-badge{font-size:.75rem;text-align:center;padding:.35rem;border-radius:var(--radius-sm);background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);color:var(--warning);font-weight:500}.main-layout{flex:1;display:flex;flex-direction:column;height:100vh;overflow:hidden;position:relative}.top-navbar{height:70px;border-bottom:1px solid var(--border-glass);background:#0a0c1080;backdrop-filter:blur(var(--blur-base));-webkit-backdrop-filter:blur(var(--blur-base));display:flex;align-items:center;justify-content:space-between;padding:0 2rem;z-index:90}.navbar-left{display:flex;align-items:center;gap:1rem}.sidebar-mobile-toggle{display:none}.view-title-text{font-family:var(--font-display);font-size:1.4rem;font-weight:600;color:var(--text-primary);letter-spacing:-.02em}.navbar-right{display:flex;align-items:center;gap:1rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-body);font-weight:500;font-size:.9rem;padding:.6rem 1.2rem;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast)}.btn-sm{padding:.4rem .8rem;font-size:.8rem;border-radius:var(--radius-sm)}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;box-shadow:0 4px 15px var(--primary-glow)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #6366f180}.btn-primary:active{transform:translateY(0)}.btn-glass{background:var(--bg-glass-light);border:1px solid var(--border-glass);color:var(--text-primary)}.btn-glass:hover{background:var(--bg-glass-hover);border-color:var(--text-secondary)}.btn-danger{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#f87171}.btn-danger:hover{background:#ef44444d;border-color:#ef444499}.icon-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:50%;transition:all var(--transition-fast)}.icon-btn:hover{background:var(--bg-glass-light);color:var(--text-primary)}.viewports-frame{flex:1;overflow-y:auto;padding:2rem;position:relative}.view-panel{animation:fadeIn var(--transition-normal);display:flex;flex-direction:column;gap:2rem;max-width:1200px;margin:0 auto;width:100%}.hidden{display:none!important}.dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.kpi-card{background:var(--bg-surface);backdrop-filter:blur(var(--blur-base));-webkit-backdrop-filter:blur(var(--blur-base));border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:1.5rem;display:flex;align-items:center;gap:1.25rem;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),border-color var(--transition-fast)}.kpi-card:hover{transform:translateY(-2px);border-color:var(--border-glass-focus)}.kpi-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff}.kpi-icon.indigo{background:linear-gradient(135deg,var(--primary),#4338ca);box-shadow:0 4px 10px #6366f14d}.kpi-icon.violet{background:linear-gradient(135deg,var(--accent),#6d28d9);box-shadow:0 4px 10px #8b5cf64d}.kpi-icon.emerald{background:linear-gradient(135deg,var(--success),#047857);box-shadow:0 4px 10px #10b9814d}.kpi-icon.cyan{background:linear-gradient(135deg,var(--info),#0e7490);box-shadow:0 4px 10px #06b6d44d}.kpi-info{display:flex;flex-direction:column}.kpi-label{font-size:.8rem;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.kpi-value{font-family:var(--font-display);font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-top:.25rem}.dashboard-sections{display:grid;grid-template-columns:3fr 2fr;gap:1.5rem}.dashboard-panel-card{background:var(--bg-surface);backdrop-filter:blur(var(--blur-base));-webkit-backdrop-filter:blur(var(--blur-base));border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:1.75rem;box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:1.25rem}.panel-header{display:flex;align-items:center;justify-content:space-between}.panel-title{font-family:var(--font-display);font-size:1.15rem;font-weight:600;color:var(--text-primary)}.carousel-viewport{position:relative;overflow:hidden;border-radius:var(--radius-md);height:200px}.carousel-track{display:flex;transition:transform var(--transition-normal);height:100%}.carousel-slide{min-width:100%;height:100%;display:flex;padding:1rem;gap:1.5rem;background:#ffffff05;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.02)}.carousel-cover{width:90px;height:130px;border-radius:var(--radius-sm);object-fit:cover;box-shadow:var(--shadow-md);background-color:var(--bg-base)}.carousel-book-info{display:flex;flex-direction:column;justify-content:center;flex:1}.carousel-book-title{font-family:var(--font-display);font-size:1.1rem;font-weight:600;color:var(--text-primary)}.carousel-book-author{font-size:.85rem;color:var(--text-secondary);margin-top:.25rem}.progress-bar-container{width:100%;margin-top:1rem}.progress-labels{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-muted);margin-bottom:.4rem}.progress-track{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(to right,var(--primary),var(--accent));border-radius:3px;transition:width var(--transition-slow)}.carousel-controls{display:flex;gap:.5rem}.carousel-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%;color:var(--text-muted);gap:.75rem}.top-genres-list{display:flex;flex-direction:column;gap:1rem}.genre-progress-row{display:flex;flex-direction:column;gap:.4rem}.genre-progress-meta{display:flex;justify-content:space-between;font-size:.85rem}.genre-progress-name{color:var(--text-primary);font-weight:500}.genre-progress-count{color:var(--text-secondary)}.genre-bar-track{height:8px;background:#ffffff0d;border-radius:4px}.genre-bar-fill{height:100%;border-radius:4px;background:var(--primary)}.library-filters-bar{display:flex;gap:1rem;flex-wrap:wrap;align-items:center;background:var(--bg-surface);backdrop-filter:blur(var(--blur-base));-webkit-backdrop-filter:blur(var(--blur-base));border:1px solid var(--border-glass);border-radius:var(--radius-md);padding:1rem 1.5rem}.filter-group{display:flex;align-items:center;gap:.5rem}.filter-input{background:#0003;border:1px solid var(--border-glass);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-body);font-size:.85rem;padding:.5rem .75rem;outline:none;transition:all var(--transition-fast)}.filter-input:focus{border-color:var(--primary);box-shadow:0 0 10px #6366f133}select option{background-color:var(--bg-surface-solid)!important;color:var(--text-primary)!important}.search-field-wrapper{position:relative;flex:1;min-width:200px}.search-field-input{width:100%;padding-left:2.25rem}.search-icon-svg{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.book-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.5rem}.series-accordion-card{grid-column:span 1;background:#1e202d66;border:1.5px dashed rgba(99,102,241,.3);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-normal);display:flex;flex-direction:column}.series-accordion-card.expanded{grid-column:1 / -1;background:#14162080;border-style:solid;border-color:var(--border-glass)}.series-header-bar{display:flex;align-items:center;justify-content:space-between;padding:1rem;cursor:pointer;-webkit-user-select:none;user-select:none}.series-title-area{display:flex;align-items:center;gap:.75rem}.series-folder-icon{color:var(--accent);filter:drop-shadow(0 0 5px var(--accent-glow))}.series-meta-info{display:flex;flex-direction:column}.series-name-txt{font-family:var(--font-display);font-size:.95rem;font-weight:600;color:var(--text-primary)}.series-count-txt{font-size:.75rem;color:var(--text-muted)}.series-accordion-card.expanded .series-toggle-arrow{transform:rotate(180deg)}.series-toggle-arrow{color:var(--text-secondary);transition:transform var(--transition-normal)}.series-add-btn{transition:all var(--transition-fast) ease-in-out}.series-add-btn:hover{background:var(--accent);color:#fff!important;border-color:var(--accent);box-shadow:0 0 8px var(--accent-glow)}.search-result-quick-add-btn{transition:all var(--transition-fast) ease-in-out}.search-result-quick-add-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 10px #6366f166}.search-result-quick-add-btn:disabled{cursor:default}.series-expanded-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.5rem;padding:1.25rem;border-top:1px solid var(--border-glass);background:#0000001a;animation:slideDown var(--transition-normal) forwards}.book-item-card{background:var(--bg-surface);border:1px solid var(--border-glass);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-sm);transition:all var(--transition-normal);position:relative;cursor:pointer}.book-item-card:hover{transform:translateY(-4px);border-color:var(--border-glass-focus);box-shadow:var(--shadow-md),0 0 20px #6366f10d}.book-card-cover-wrapper{position:relative;aspect-ratio:2 / 3;width:100%;background:var(--bg-base);overflow:hidden}.book-card-cover{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.book-item-card:hover .book-card-cover{transform:scale(1.05)}.book-cover-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;text-align:center;color:var(--text-muted);gap:.5rem;background:linear-gradient(135deg,#141620cc,#0a0c10e6)}.placeholder-icon{opacity:.4}.placeholder-text-title{font-family:var(--font-display);font-size:.85rem;font-weight:600;color:var(--text-secondary)}.book-card-badge{position:absolute;top:.75rem;right:.75rem;z-index:10;padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.7rem;font-weight:600;text-transform:uppercase;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.1)}.badge-to-read{background:#6366f1;color:#fff}.badge-reading{background:#06b6d4;color:#fff}.badge-completed{background:#10b981;color:#fff}.badge-on-hold{background:#f59e0b;color:#fff}.book-card-details{padding:1rem;display:flex;flex-direction:column;flex:1}.book-card-title{font-family:var(--font-display);font-size:.95rem;font-weight:600;color:var(--text-primary);line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.book-card-author{font-size:.8rem;color:var(--text-secondary);margin-top:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.book-card-footer{margin-top:auto;padding-top:.75rem;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.05)}.book-series-order-badge{font-size:.7rem;color:var(--accent);background:#8b5cf61a;padding:.15rem .35rem;border-radius:4px;font-weight:500}.rating-pill-container{display:flex;align-items:center;gap:.25rem}.rating-star-icon{color:var(--warning);filter:drop-shadow(0 0 3px rgba(245,158,11,.4))}.rating-numeric-badge{font-size:.75rem;font-weight:700;color:var(--text-primary)}.rating-total-scale{font-size:.65rem;color:var(--text-muted)}.auth-panel-wrapper{display:flex;align-items:center;justify-content:center;min-height:80vh;width:100%}.auth-glass-box{background:var(--bg-surface);backdrop-filter:blur(var(--blur-heavy));-webkit-backdrop-filter:blur(var(--blur-heavy));border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:2.5rem;width:100%;max-width:400px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:1.5rem;position:relative;overflow:hidden}.auth-header{text-align:center}.auth-brand-logo{width:50px;height:50px;margin:0 auto 1rem;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--primary),var(--accent));display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 0 20px #6366f166}.auth-title{font-family:var(--font-display);font-size:1.75rem;font-weight:700;color:var(--text-primary)}.auth-subtitle{font-size:.85rem;color:var(--text-secondary);margin-top:.25rem}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.input-container{display:flex;flex-direction:column;gap:.4rem}.input-label{font-size:.8rem;font-weight:500;color:var(--text-secondary)}.input-textbox{background:#00000040;border:1px solid var(--border-glass);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-body);font-size:.9rem;padding:.75rem 1rem;outline:none;transition:all var(--transition-fast)}.input-textbox:focus{border-color:var(--primary);box-shadow:0 0 15px #6366f133}.input-textbox[type=date]::-webkit-calendar-picker-indicator,input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer;opacity:.65;transition:opacity var(--transition-fast)}.input-textbox[type=date]::-webkit-calendar-picker-indicator:hover,input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}.auth-toggle-link{font-size:.85rem;color:var(--text-muted);text-align:center;margin-top:.5rem}.auth-toggle-link button{background:none;border:none;color:var(--primary);font-weight:600;cursor:pointer;text-decoration:underline;margin-left:.25rem}.copilot-panel-drawer{width:360px;background:var(--bg-glass-heavy);backdrop-filter:blur(var(--blur-heavy));-webkit-backdrop-filter:blur(var(--blur-heavy));border-left:1px solid var(--border-glass);display:flex;flex-direction:column;height:100vh;z-index:100;box-shadow:var(--shadow-lg);animation:slideLeft var(--transition-normal)}.copilot-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-glass);display:flex;align-items:center;justify-content:space-between}.copilot-title-wrapper{display:flex;align-items:center;gap:.5rem}.copilot-avatar-icon{color:var(--primary);filter:drop-shadow(0 0 5px var(--primary-glow))}.copilot-title-text{font-family:var(--font-display);font-size:1.1rem;font-weight:600;color:var(--text-primary)}.copilot-chat-history{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.chat-bubble{max-width:85%;padding:.75rem 1rem;border-radius:var(--radius-md);font-size:.85rem;line-height:1.45;animation:scaleUp var(--transition-fast) forwards}.chat-bubble-agent{background:var(--bg-glass-light);border:1px solid var(--border-glass);color:var(--text-primary);align-self:flex-start;border-bottom-left-radius:4px}.chat-bubble-user{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;align-self:flex-end;border-bottom-right-radius:4px;box-shadow:0 4px 10px #6366f126}.agent-loading-bubble{display:flex;align-items:center;gap:.25rem;padding:.6rem 1rem}.loading-dot{width:6px;height:6px;background:var(--text-secondary);border-radius:50%;animation:bounce 1s infinite alternate}.loading-dot:nth-child(2){animation-delay:.2s}.loading-dot:nth-child(3){animation-delay:.4s}.copilot-input-area{padding:1.25rem;border-top:1px solid var(--border-glass)}.copilot-form-box{display:flex;gap:.5rem}.copilot-input-field{flex:1;background:#0003}.modal-backdrop-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#050608cc;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:1.5rem;z-index:1000;animation:fadeIn var(--transition-fast) forwards}.modal-card-dialog{background:var(--bg-surface-solid);border:1px solid var(--border-glass);border-radius:var(--radius-lg);width:100%;max-width:650px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:scaleUp var(--transition-normal) forwards;display:flex;flex-direction:column}.modal-header{padding:1.25rem 1.75rem;border-bottom:1px solid var(--border-glass);display:flex;align-items:center;justify-content:space-between}.modal-title-text{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--text-primary)}.modal-body{padding:1.75rem;display:flex;flex-direction:column;gap:1.5rem}.modal-tabs{display:flex;border-bottom:1px solid var(--border-glass);gap:1rem}.modal-tab-btn{background:none;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-family:var(--font-body);font-weight:500;padding:.5rem .25rem;cursor:pointer;transition:all var(--transition-fast)}.modal-tab-btn.active{color:var(--primary);border-color:var(--primary)}.modal-grid-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.modal-grid-span-all{grid-column:span 2}.modal-footer{padding:1.25rem 1.75rem;border-top:1px solid var(--border-glass);display:flex;justify-content:flex-end;gap:.75rem;background:#0000001a}.book-search-grid{display:flex;flex-direction:column;gap:1rem}.search-results-list{display:flex;flex-direction:column;gap:.75rem;max-height:250px;overflow-y:auto;padding-right:.25rem}.search-result-item{display:flex;align-items:center;padding:.75rem;border-radius:var(--radius-md);border:1px solid var(--border-glass);background:#ffffff05;cursor:pointer;transition:all var(--transition-fast);gap:1rem}.search-result-item:hover{background:var(--bg-glass-hover);border-color:var(--primary)}.search-result-cover{width:40px;height:55px;object-fit:cover;border-radius:4px}.search-result-info{display:flex;flex-direction:column;overflow:hidden}.search-result-title{font-size:.85rem;font-weight:600;color:var(--text-primary);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.search-result-author{font-size:.75rem;color:var(--text-secondary)}.analytics-dashboard{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.chart-card{min-height:320px}.chart-svg-viewport{width:100%;height:220px;display:flex;align-items:center;justify-content:center;position:relative}.chart-svg-el{width:100%;height:100%}.chart-legend-grid{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:1rem}.legend-pill-item{display:flex;align-items:center;gap:.35rem;font-size:.75rem;color:var(--text-secondary)}.legend-color-dot{width:8px;height:8px;border-radius:50%}.toast-stack-container{position:fixed;bottom:2rem;right:2rem;display:flex;flex-direction:column;gap:.75rem;z-index:2000;pointer-events:none}.toast-message-card{pointer-events:auto;background:var(--bg-glass-heavy);backdrop-filter:blur(var(--blur-base));-webkit-backdrop-filter:blur(var(--blur-base));border:1px solid var(--border-glass);border-left:4px solid var(--primary);border-radius:var(--radius-md);padding:.85rem 1.25rem;box-shadow:var(--shadow-md);color:var(--text-primary);font-size:.85rem;font-weight:500;min-width:250px;max-width:380px;animation:slideLeft var(--transition-normal) forwards;display:flex;align-items:center;justify-content:space-between;gap:1rem}.toast-type-success{border-left-color:var(--success)}.toast-type-warning{border-left-color:var(--warning)}.toast-type-error{border-left-color:var(--danger)}.toast-type-info{border-left-color:var(--info)}.toast-close-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center}.toast-close-btn:hover{color:var(--text-primary)}.settings-section-card{background:var(--bg-surface);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:1.75rem;display:flex;flex-direction:column;gap:1.25rem}.settings-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.03)}.settings-row:last-child{border-bottom:none}.settings-meta-label{display:flex;flex-direction:column;gap:.25rem}.settings-label-title{font-size:.95rem;font-weight:500;color:var(--text-primary)}.settings-label-desc{font-size:.8rem;color:var(--text-muted)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideLeft{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideDown{0%{opacity:0;max-height:0;overflow:hidden}to{opacity:1;max-height:1000px}}@keyframes bounce{to{transform:translateY(-4px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1024px){.dashboard-sections{grid-template-columns:1fr}}@media (max-width: 768px){.app-layout{flex-direction:column}.sidebar-container{position:fixed;top:0;left:0;width:280px;height:100vh;transform:translate(-100%);transition:transform var(--transition-normal);z-index:110}.sidebar-container.mobile-active{transform:translate(0)}.sidebar-mobile-toggle{display:flex}.sidebar-toggle-btn{display:none}.top-navbar{padding:0 1rem}.dashboard-grid{grid-template-columns:repeat(2,1fr)}.analytics-dashboard{grid-template-columns:1fr}.copilot-panel-drawer{position:fixed;top:0;right:0;height:100vh;width:320px}}@media (max-width: 480px){.dashboard-grid,.modal-grid-fields{grid-template-columns:1fr}.modal-grid-span-all{grid-column:span 1}}.book-cards-list{display:flex;flex-direction:column;gap:.75rem;width:100%}.book-item-list-row{background:var(--bg-surface);border:1px solid var(--border-glass);border-radius:var(--radius-md);padding:.75rem 1.25rem;display:flex;align-items:center;gap:1.5rem;box-shadow:var(--shadow-sm);transition:all var(--transition-normal);cursor:pointer;width:100%}.book-item-list-row:hover{border-color:var(--border-glass-focus);background:var(--bg-glass-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.list-row-cover-info{display:flex;align-items:center;gap:1rem;flex:2;min-width:250px}.list-row-cover{width:38px;height:57px;border-radius:var(--radius-sm);object-fit:cover;background:var(--bg-base);box-shadow:var(--shadow-sm)}.list-row-cover-placeholder{width:38px;height:57px;border-radius:var(--radius-sm);background:var(--bg-base);display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.list-row-text-details{display:flex;flex-direction:column;gap:.2rem}.list-row-title{font-size:.95rem;font-weight:600;color:var(--text-primary)}.list-row-author{font-size:.8rem;color:var(--text-secondary)}.list-row-series{font-size:.75rem;color:var(--primary);background:#6366f11a;padding:.1rem .4rem;border-radius:4px;width:fit-content}.list-row-genre{flex:1;min-width:100px;font-size:.85rem;color:var(--text-secondary)}.list-row-pages{flex:.8;min-width:80px;font-size:.85rem;color:var(--text-secondary)}.list-row-rating{flex:1.2;min-width:130px}.list-row-status{flex:1.2;min-width:140px}.list-row-actions{display:flex;justify-content:flex-end;flex:.5;min-width:50px}.series-expanded-list{display:flex;flex-direction:column;gap:.75rem;padding:1rem;border-top:1px solid var(--border-glass);background:#0000001a;animation:slideDown var(--transition-normal) forwards}.quick-edit-select{background:#0000004d;border:1px solid var(--border-glass);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.8rem;padding:.35rem .5rem;outline:none;cursor:pointer;transition:all var(--transition-fast);width:100%}.quick-edit-select:hover{border-color:var(--border-glass-focus);background:#ffffff0d}.quick-edit-select:focus{border-color:var(--primary);box-shadow:0 0 8px #6366f140}select.book-card-badge{cursor:pointer;outline:none;font-weight:600;text-transform:uppercase;font-family:var(--font-body);border:1px solid rgba(255,255,255,.15);transition:all var(--transition-fast)}select.book-card-badge:hover{transform:scale(1.03);border-color:#fff6}.grid-quick-edit-rating{margin-top:.4rem;width:100%}.layout-toggle-group{display:flex;background:#0003;border:1px solid var(--border-glass);border-radius:var(--radius-sm);padding:2px;align-self:flex-end}.layout-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.4rem;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.layout-btn:hover{color:var(--text-primary);background:var(--bg-glass-light)}.layout-btn.active{color:var(--text-primary);background:var(--primary);box-shadow:0 2px 6px #6366f14d}.list-view-header-row{background:#0006!important;border-color:#ffffff0d!important;cursor:default!important;pointer-events:none!important;font-weight:700!important;text-transform:uppercase!important;font-size:.75rem!important;letter-spacing:.05em!important;color:var(--text-muted)!important;margin-bottom:.25rem!important;box-shadow:none!important;transform:none!important}.status-select-badge{position:static!important;display:inline-block;width:auto;min-width:120px;text-align:center}@media (max-width: 768px){.list-view-header-row{display:none!important}.book-item-list-row{flex-wrap:wrap;gap:.75rem}.list-row-cover-info{min-width:100%}.list-row-genre,.list-row-pages,.list-row-rating,.list-row-status{flex:1;min-width:45%}.list-row-actions{min-width:100%;justify-content:flex-start;border-top:1px solid var(--border-glass);padding-top:.5rem;margin-top:.25rem}}