.error-boundary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.error-boundary-content{text-align:center;background:#fff;border-radius:12px;width:100%;max-width:600px;padding:3rem;box-shadow:0 20px 60px #0000004d}.error-icon{margin-bottom:1rem;font-size:4rem}.error-title{color:#1a202c;margin-bottom:1rem;font-size:2rem;font-weight:700}.error-message{color:#4a5568;margin-bottom:2rem;font-size:1.125rem;line-height:1.6}.error-details{text-align:left;background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;margin:2rem 0;padding:1rem}.error-details summary{cursor:pointer;color:#2d3748;margin-bottom:.5rem;font-weight:600}.error-stack{color:#f7fafc;white-space:pre-wrap;word-break:break-word;background:#2d3748;border-radius:4px;margin-top:1rem;padding:1rem;font-size:.875rem;line-height:1.5;overflow-x:auto}.error-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.error-actions .btn-primary,.error-actions .btn-secondary{min-width:140px}@media (width<=640px){.error-boundary-content{padding:2rem 1.5rem}.error-title{font-size:1.5rem}.error-message{font-size:1rem}.error-actions{flex-direction:column}.error-actions .btn-primary,.error-actions .btn-secondary{width:100%}}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:.75rem;width:100%;max-width:400px;display:flex;position:fixed;top:1rem;right:1rem}.toast{pointer-events:auto;background:#fff;border-left:4px solid;border-radius:8px;align-items:center;gap:.75rem;padding:1rem 1.25rem;animation:.3s ease-out slideIn;display:flex;box-shadow:0 4px 12px #00000026}@keyframes slideIn{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}.toast-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:1.25rem;font-weight:700;display:flex}.toast-message{color:#2d3748;flex:1;font-size:.9375rem;line-height:1.5}.toast-close{cursor:pointer;color:#718096;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:1.5rem;line-height:1;transition:color .2s;display:flex}.toast-close:hover{color:#2d3748}.toast-success{border-left-color:#48bb78}.toast-success .toast-icon{color:#48bb78;background:#f0fff4}.toast-error{border-left-color:#f56565}.toast-error .toast-icon{color:#f56565;background:#fff5f5}.toast-warning{border-left-color:#ed8936}.toast-warning .toast-icon{color:#ed8936;background:#fffaf0}.toast-info{border-left-color:#4299e1}.toast-info .toast-icon{color:#4299e1;background:#ebf8ff}@media (width<=640px){.toast-container{max-width:none;inset:auto 1rem 1rem}.toast{padding:.875rem 1rem}.toast-message{font-size:.875rem}}.help-modal-overlay{z-index:9998;background-color:#00000080;animation:.2s ease-out fadeIn;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.help-modal-content{z-index:9999;background-color:#fff;border-radius:8px;flex-direction:column;width:90%;max-width:600px;max-height:80vh;animation:.2s ease-out slideIn;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 40px #0003}.help-modal-title{color:#111827;border-bottom:1px solid #e5e7eb;margin:0;padding:1.5rem 1.5rem 1rem;font-size:1.5rem;font-weight:600}.help-modal-body{color:#374151;flex:1;padding:1.5rem;line-height:1.6;overflow-y:auto}.help-modal-loading{flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:2rem;display:flex}.loading-spinner{border:4px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.help-modal-loading p{color:#6b7280;margin:0}.help-modal-error{text-align:center;background-color:#fef2f2;border:1px solid #fecaca;border-radius:6px;padding:1rem}.error-message{color:#991b1b;margin:0 0 1rem}.retry-button{color:#fff;cursor:pointer;background-color:#dc2626;border:none;border-radius:4px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:background-color .2s}.retry-button:hover{background-color:#b91c1c}.retry-button:focus{outline-offset:2px;outline:2px solid #dc2626}.help-modal-default{text-align:center;background-color:#f3f4f6;border-radius:6px;padding:1rem}.help-modal-default p{color:#4b5563;margin:0 0 1rem}.help-modal-create-link{color:#fff;background-color:#3b82f6;border-radius:6px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:background-color .2s;display:inline-block}.help-modal-create-link:hover{background-color:#2563eb}.help-modal-create-link:focus{outline-offset:2px;outline:2px solid #3b82f6}.help-modal-content-body h1,.help-modal-content-body h2,.help-modal-content-body h3,.help-modal-content-body h4,.help-modal-content-body h5,.help-modal-content-body h6{color:#111827;margin-top:1.5rem;margin-bottom:.75rem;font-weight:600;line-height:1.3}.help-modal-content-body h1{font-size:1.5rem}.help-modal-content-body h2{font-size:1.25rem}.help-modal-content-body h3{font-size:1.125rem}.help-modal-content-body h1:first-child,.help-modal-content-body h2:first-child,.help-modal-content-body h3:first-child{margin-top:0}.help-modal-content-body p{margin:.75rem 0}.help-modal-content-body ul,.help-modal-content-body ol{margin:.75rem 0;padding-left:1.5rem}.help-modal-content-body li{margin:.25rem 0}.help-modal-content-body a{color:#3b82f6;text-decoration:underline}.help-modal-content-body a:hover{color:#2563eb}.help-modal-content-body a:focus{outline-offset:2px;border-radius:2px;outline:2px solid #3b82f6}.help-modal-content-body strong{color:#111827;font-weight:600}.help-modal-content-body em{font-style:italic}.help-modal-content-body code{background-color:#f3f4f6;border-radius:3px;padding:.125rem .25rem;font-family:monospace;font-size:.875em}.help-modal-content-body pre{background-color:#f3f4f6;border-radius:6px;margin:.75rem 0;padding:1rem;overflow-x:auto}.help-modal-content-body pre code{background-color:#0000;padding:0}.help-modal-close{cursor:pointer;color:#6b7280;background-color:#0000;border:none;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.5rem;line-height:1;transition:background-color .2s,color .2s;display:flex;position:absolute;top:1rem;right:1rem}.help-modal-close:hover{color:#111827;background-color:#f3f4f6}.help-modal-close:focus{outline-offset:2px;outline:2px solid #3b82f6}@media (prefers-color-scheme:dark){.help-modal-content{color:#f3f4f6;background-color:#1f2937}.help-modal-title{color:#f9fafb;border-bottom-color:#374151}.help-modal-body{color:#d1d5db}.help-modal-default{background-color:#374151}.help-modal-default p{color:#d1d5db}.help-modal-content-body h1,.help-modal-content-body h2,.help-modal-content-body h3,.help-modal-content-body h4,.help-modal-content-body h5,.help-modal-content-body h6,.help-modal-content-body strong{color:#f9fafb}.help-modal-content-body code,.help-modal-content-body pre{background-color:#374151}.help-modal-close{color:#9ca3af}.help-modal-close:hover{color:#f3f4f6;background-color:#374151}.loading-spinner{border-color:#60a5fa #374151 #374151}}@media (width<=640px){.help-modal-content{width:95%;max-height:90vh}.help-modal-title{padding:1rem 1rem .75rem;font-size:1.25rem}.help-modal-body{padding:1rem}.help-modal-close{top:.75rem;right:.75rem}}.help-button{top:var(--spacing-lg,1rem);right:var(--spacing-lg,1rem);z-index:1000;border-radius:var(--radius-full,50%);border:2px solid var(--primary-color,#646cff);background-color:var(--bg-primary,#fff);width:48px;height:48px;color:var(--primary-color,#646cff);cursor:pointer;transition:all var(--transition-base,.2s ease);justify-content:center;align-items:center;font-family:inherit;font-size:1.5rem;display:flex;position:fixed;box-shadow:0 2px 8px #0000001a}.help-button:hover{background-color:var(--primary-color,#646cff);color:var(--bg-primary,#fff);transform:scale(1.05);box-shadow:0 4px 12px #00000026}.help-button:active{transform:scale(.98)}.help-button:focus{outline:3px solid var(--primary-color,#646cff);outline-offset:2px}.help-button:focus:not(:focus-visible){outline:none}.help-button:focus-visible{outline:3px solid var(--primary-color,#646cff);outline-offset:2px}.help-icon{-webkit-user-select:none;user-select:none;line-height:1;display:inline-block}@media (width<=768px){.help-button{width:44px;height:44px;top:var(--spacing-md,.75rem);right:var(--spacing-md,.75rem);font-size:1.25rem}}@media (prefers-color-scheme:dark){.help-button{background-color:var(--bg-dark,#242424);color:var(--primary-color,#646cff);border-color:var(--primary-color,#646cff);box-shadow:0 2px 8px #0000004d}.help-button:hover{background-color:var(--primary-color,#646cff);color:var(--bg-primary,#fff);box-shadow:0 4px 12px #0006}}[data-theme=dark] .help-button{background-color:var(--bg-dark,#242424);color:var(--primary-color,#646cff);border-color:var(--primary-color,#646cff);box-shadow:0 2px 8px #0000004d}[data-theme=dark] .help-button:hover{background-color:var(--primary-color,#646cff);color:var(--bg-primary,#fff);box-shadow:0 4px 12px #0006}[data-theme=light] .help-button{background-color:var(--bg-primary,#fff);color:var(--primary-color,#646cff);border-color:var(--primary-color,#646cff);box-shadow:0 2px 8px #0000001a}[data-theme=light] .help-button:hover{background-color:var(--primary-color,#646cff);color:var(--bg-primary,#fff);box-shadow:0 4px 12px #00000026}@media (prefers-contrast:high){.help-button{border-width:3px}.help-button:focus-visible{outline-width:4px}}@media (prefers-reduced-motion:reduce){.help-button{transition:none}.help-button:hover,.help-button:active{transform:none}}.spinner-overlay{z-index:9998;background:#ffffffe6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.spinner-wrapper{flex-direction:column;align-items:center;gap:1rem;display:flex}.spinner-wrapper.spinner-fullscreen{padding:2rem}.spinner{display:inline-block;position:relative}.spinner-small{width:24px;height:24px}.spinner-medium{width:40px;height:40px}.spinner-large{width:64px;height:64px}.spinner-circle{box-sizing:border-box;border:3px solid #0000;border-top-color:#667eea;border-radius:50%;width:100%;height:100%;animation:1.2s cubic-bezier(.5,0,.5,1) infinite spinner-rotate;display:block;position:absolute}.spinner-small .spinner-circle{border-width:2px}.spinner-large .spinner-circle{border-width:4px}.spinner-circle:first-child{animation-delay:-.45s}.spinner-circle:nth-child(2){animation-delay:-.3s}.spinner-circle:nth-child(3){animation-delay:-.15s}@keyframes spinner-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner-message{color:#4a5568;text-align:center;margin:0;font-size:1rem;font-weight:500}.spinner-inline{align-items:center;gap:.5rem;display:inline-flex}.spinner-inline .spinner{vertical-align:middle}.spinner-inline .spinner-message{font-size:.875rem;display:inline}@media (prefers-color-scheme:dark){.spinner-overlay{background:#1a1a1af2}.spinner-message{color:#ffffffde}.spinner-circle{border-color:#93c5fd #0000 #0000}}#root{width:100%;min-height:100vh;margin:0;padding:0}.dashboard-dark-mode,.dashboard-dark-mode .dashboard-main{color:#ffffffde;background-color:#0f0f0f}.dashboard-dark-mode .dashboard-container{background:#1a1a1a}.dashboard-dark-mode .dashboard-header{background:#2a2a2a!important;box-shadow:0 1px 3px #0000004d!important}.dashboard-dark-mode .dashboard-header h1,.dashboard-dark-mode .section-header h2,.dashboard-dark-mode .book-title,.dashboard-dark-mode .info-value{color:#ffffffde}.dashboard-dark-mode .dashboard-subtitle{color:#fff9}.dashboard-dark-mode .superadmin-header{background:#2a2a2a!important;box-shadow:0 1px 3px #0000004d!important}.dashboard-dark-mode .superadmin-header h1{color:#ffffffde}.dashboard-dark-mode .superadmin-dashboard{background:#1a1a1a}.dashboard-dark-mode .books-section{background:#2a2a2a;box-shadow:0 2px 8px #0000004d}.dashboard-dark-mode .book-card{border-color:#3a3a3a;background:#1e1e1e!important}.dashboard-dark-mode .book-card-header,.dashboard-dark-mode .book-card-body,.dashboard-dark-mode .book-card-actions{background:#1e1e1e}.dashboard-dark-mode .section-header,.dashboard-dark-mode .book-info{border-bottom-color:#3a3a3a}.dashboard-dark-mode .info-label{color:#fff9}.dashboard-dark-mode .search-input{color:#ffffffde;background:#1e1e1e;border-color:#3a3a3a}.dashboard-dark-mode .search-input::placeholder{color:#fff6}.dashboard-dark-mode .search-input:focus{background:#2a2a2a;border-color:#667eea}.dashboard-dark-mode .clear-search{color:#fff9}.dashboard-dark-mode .clear-search:hover{color:#ffffffde;background:#3a3a3a}.dashboard-dark-mode .clear-search:active{background:#4a4a4a}.dashboard-dark-mode .suggestions-dropdown{background:#2a2a2a;border-color:#3a3a3a;box-shadow:0 4px 12px #00000080}.dashboard-dark-mode .suggestion-item{color:#ffffffde;border-bottom-color:#3a3a3a}.dashboard-dark-mode .suggestion-item:hover,.dashboard-dark-mode .suggestion-item.selected{background:#3a3a3a}.dashboard-dark-mode .suggestion-type{color:#fff6}.dashboard-dark-mode .search-results-info{color:#fff9;background:#2a2a2a}.dashboard-dark-mode .admin-dashboard,.dashboard-dark-mode .book-list-container,.dashboard-dark-mode .find-books-container,.dashboard-dark-mode .invitations-container,.dashboard-dark-mode .preferences-container,.dashboard-dark-mode .stats-container,.dashboard-dark-mode .access-requests-container,.dashboard-dark-mode .find-readers-container,.dashboard-dark-mode .user-manager-container,.dashboard-dark-mode .help-management-container,.dashboard-dark-mode .feedback-container,.dashboard-dark-mode .users-section,.dashboard-dark-mode .signup-mode-section,.dashboard-dark-mode .stat-card,.dashboard-dark-mode .book-editor,.dashboard-dark-mode .invitations-page,.dashboard-dark-mode .find-books-page,.dashboard-dark-mode .preferences-page,.dashboard-dark-mode .stats-page-container,.dashboard-dark-mode .feedback-page{color:#ffffffde;background-color:#1a1a1a}.dashboard-dark-mode .search-section,.dashboard-dark-mode .results-section,.dashboard-dark-mode .stats-section,.dashboard-dark-mode .stats-search-filter{box-shadow:0 2px 8px #0000004d;background:#2a2a2a!important}.dashboard-dark-mode .search-filters,.dashboard-dark-mode .search-filter{background:#2a2a2a!important;border-color:#3a3a3a!important}.dashboard-dark-mode .filter-group{background:0 0}.dashboard-dark-mode .filter-group label{color:#ffffffde}.dashboard-dark-mode .filter-controls{background:0 0}.dashboard-dark-mode .editor-actions,.dashboard-dark-mode .profile-actions{background:#1e1e1e;border-top-color:#3a3a3a}.dashboard-dark-mode .passkey-setup-content{background:#2a2a2a;border-color:#3a3a3a}.dashboard-dark-mode .signup-mode-btn{color:#ffffffde;background:#1e1e1e;border-color:#3a3a3a}.dashboard-dark-mode .signup-mode-btn:hover{background:#2a2a2a;border-color:#4a4a4a}.dashboard-dark-mode .signup-mode-btn.active{color:#fff;background:#667eea;border-color:#667eea}.dashboard-dark-mode .book-card,.dashboard-dark-mode .reader-card,.dashboard-dark-mode .invitation-card,.dashboard-dark-mode .access-request-card,.dashboard-dark-mode .stats-card,.dashboard-dark-mode .user-card,.dashboard-dark-mode .context-item,.dashboard-dark-mode .help-content-editor,.dashboard-dark-mode .page-context-list,.dashboard-dark-mode .stat-card,.dashboard-dark-mode .author-item{color:#ffffffde;background-color:#242424;border-color:#3a3a3a}.dashboard-dark-mode .stat-card:hover,.dashboard-dark-mode .author-item:hover{background-color:#2a2a2a}.dashboard-dark-mode .stat-card-success{background:#1e3a1e!important;border-color:#2d5a2d!important}.dashboard-dark-mode .stat-card-warning{background:#3a3a1e!important;border-color:#5a5a2d!important}.dashboard-dark-mode .stat-card-success .stat-value{color:#86efac!important}.dashboard-dark-mode .stat-card-warning .stat-value{color:#ffc107!important}.dashboard-dark-mode .dashboard-layout .form-input,.dashboard-dark-mode .dashboard-layout .form-select,.dashboard-dark-mode .dashboard-layout .form-textarea,.dashboard-dark-mode .dashboard-layout input[type=text],.dashboard-dark-mode .dashboard-layout input[type=email],.dashboard-dark-mode .dashboard-layout input[type=password],.dashboard-dark-mode .dashboard-layout input[type=url],.dashboard-dark-mode .dashboard-layout input[type=number],.dashboard-dark-mode .dashboard-layout input[type=search],.dashboard-dark-mode .dashboard-layout select,.dashboard-dark-mode .dashboard-layout textarea{color:#ffffffde;background-color:#2a2a2a;border-color:#3a3a3a}.dashboard-dark-mode .dashboard-layout .form-input:focus,.dashboard-dark-mode .dashboard-layout .form-select:focus,.dashboard-dark-mode .dashboard-layout .form-textarea:focus,.dashboard-dark-mode .dashboard-layout input:focus,.dashboard-dark-mode .dashboard-layout select:focus,.dashboard-dark-mode .dashboard-layout textarea:focus{background-color:#2a2a2a;border-color:#646cff}.dashboard-dark-mode .dashboard-layout .form-input:disabled,.dashboard-dark-mode .dashboard-layout .form-select:disabled,.dashboard-dark-mode .dashboard-layout .form-textarea:disabled,.dashboard-dark-mode .dashboard-layout input:disabled,.dashboard-dark-mode .dashboard-layout select:disabled,.dashboard-dark-mode .dashboard-layout textarea:disabled{opacity:.6;background-color:#1a1a1a}.dashboard-dark-mode .dashboard-layout label,.dashboard-dark-mode .form-help,.dashboard-dark-mode .section-description,.dashboard-dark-mode .help-text{color:#ffffffb3}.dashboard-dark-mode .dashboard-layout h1,.dashboard-dark-mode .dashboard-layout h2,.dashboard-dark-mode .dashboard-layout h3,.dashboard-dark-mode .dashboard-layout h4,.dashboard-dark-mode .dashboard-layout h5,.dashboard-dark-mode .dashboard-layout h6,.dashboard-dark-mode .find-readers-header h1,.dashboard-dark-mode .stats-page-header h1,.dashboard-dark-mode .results-header h2,.dashboard-dark-mode .feedback-header h1,.dashboard-dark-mode .reader-name,.dashboard-dark-mode .author-email{color:#fffffff2}.dashboard-dark-mode .subtitle,.dashboard-dark-mode .feedback-subtitle,.dashboard-dark-mode .help-management-subtitle,.dashboard-dark-mode .stats-subtitle,.dashboard-dark-mode .results-count,.dashboard-dark-mode .reader-email,.dashboard-dark-mode .author-count{color:#fff9}.dashboard-dark-mode .profile-section,.dashboard-dark-mode .security-section,.dashboard-dark-mode .form-group,.dashboard-dark-mode .editor-header,.dashboard-dark-mode .feedback-header,.dashboard-dark-mode .results-header,.dashboard-dark-mode .book-selection{border-color:#3a3a3a}.dashboard-dark-mode .toolbar-separator,.dashboard-dark-mode .passkey-divider,.dashboard-dark-mode hr{background-color:#3a3a3a;border-color:#3a3a3a}.dashboard-dark-mode .profile-editor-modal,.dashboard-dark-mode .security-modal,.dashboard-dark-mode .help-modal-content{color:#ffffffde;background-color:#1a1a1a;border-color:#3a3a3a}.dashboard-dark-mode .profile-editor-header,.dashboard-dark-mode .security-modal-header,.dashboard-dark-mode .help-modal-title{color:#fffffff2;border-bottom-color:#3a3a3a}.dashboard-dark-mode .profile-actions,.dashboard-dark-mode .security-modal-actions{border-top-color:#3a3a3a}.dashboard-dark-mode .modal-content{color:#ffffffde;background:#2a2a2a!important}.dashboard-dark-mode .modal-overlay{background:#000c}.dashboard-dark-mode .rich-text-editor{background-color:#1a1a1a;border-color:#3a3a3a}.dashboard-dark-mode .rich-text-editor-toolbar{background-color:#242424;border-bottom-color:#3a3a3a}.dashboard-dark-mode .rich-text-editor-toolbar button{color:#ffffffde;background-color:#2a2a2a;border-color:#3a3a3a}.dashboard-dark-mode .rich-text-editor-toolbar button:hover{background-color:#3a3a3a;border-color:#4a4a4a}.dashboard-dark-mode .rich-text-editor-toolbar button.is-active{color:#fff;background-color:#646cff;border-color:#535bf2}.dashboard-dark-mode .rich-text-editor-content{color:#ffffffde;background-color:#1a1a1a}.dashboard-dark-mode .preview-panel,.dashboard-dark-mode .preview-content{background-color:#1a1a1a;border-color:#3a3a3a}.dashboard-dark-mode .preview-rendered{color:#ffffffde}.dashboard-dark-mode .preview-empty{color:#ffffff80}.dashboard-dark-mode .feedback-info{background-color:#1a2a3a;border-color:#2a3a4a}.dashboard-dark-mode .feedback-info p{color:#7dd3fc}.dashboard-dark-mode .stats-info-box{background:#1e3a4a!important;border-color:#2d5a6d!important}.dashboard-dark-mode .stats-info-box p{color:#a0d4f0!important}.dashboard-dark-mode .privacy-notice{background:#1e1e1e!important;border-color:#3a3a3a!important}.dashboard-dark-mode .privacy-text{color:#ffffffb3!important}.dashboard-dark-mode .genre-mismatch-notice,.dashboard-dark-mode .no-books-message{background:#3a2f1a!important;border-color:#ffc107!important}.dashboard-dark-mode .mismatch-text,.dashboard-dark-mode .no-books-message{color:#ffc107!important}.dashboard-dark-mode .btn-filter,.dashboard-dark-mode .btn-toggle-archived{color:#ffffffde;background:#1e1e1e;border-color:#3a3a3a}.dashboard-dark-mode .btn-filter:hover,.dashboard-dark-mode .btn-toggle-archived:hover{background:#2a2a2a;border-color:#4a4a4a}.dashboard-dark-mode .btn-filter.active{color:#fff;background:#667eea;border-color:#667eea}.dashboard-dark-mode .btn-filter.active:hover{background:#535bf2;border-color:#535bf2}.dashboard-dark-mode .btn-primary{color:#fff;background:#646cff;border-color:#646cff}.dashboard-dark-mode .btn-primary:hover:not(:disabled){background:#535bf2;border-color:#535bf2}.dashboard-dark-mode .btn-primary:disabled{color:#ffffff80;background:#4a4a4a;border-color:#4a4a4a}.dashboard-dark-mode .btn-secondary{color:#ffffffde;background:#2a2a2a;border-color:#3a3a3a}.dashboard-dark-mode .btn-secondary:hover:not(:disabled){background:#3a3a3a;border-color:#4a4a4a}.dashboard-dark-mode .btn-secondary:disabled{color:#ffffff4d;background:#1a1a1a;border-color:#2a2a2a}.dashboard-dark-mode .help-button{color:#646cff;background-color:#2a2a2a;border-color:#646cff}.dashboard-dark-mode .help-button:hover{color:#fff;background-color:#646cff}.dashboard-dark-mode .help-modal-overlay{background:#000000b3}.dashboard-dark-mode .help-modal-body{color:#ffffffde!important}.dashboard-dark-mode .help-modal-body p,.dashboard-dark-mode .help-modal-body li,.dashboard-dark-mode .help-modal-body span{color:#ffffffde}.dashboard-dark-mode .help-modal-body h1,.dashboard-dark-mode .help-modal-body h2,.dashboard-dark-mode .help-modal-body h3,.dashboard-dark-mode .help-modal-body h4{color:#fffffff2}.dashboard-dark-mode table{background-color:#1a1a1a;border-color:#3a3a3a}.dashboard-dark-mode th,.dashboard-dark-mode td{color:#ffffffde;border-color:#3a3a3a}.dashboard-dark-mode thead{background-color:#242424}.dashboard-dark-mode tbody tr:hover{background-color:#2a2a2a!important}.dashboard-dark-mode .users-table tbody tr:hover{background:#2a2a2a!important}.dashboard-dark-mode .dashboard-layout .checkbox-input,.dashboard-dark-mode .dashboard-layout input[type=checkbox],.dashboard-dark-mode .dashboard-layout input[type=radio]{background-color:#2a2a2a;border-color:#3a3a3a}.dashboard-dark-mode .tag{color:#ffffffde;background-color:#2a2a2a;border-color:#3a3a3a}.dashboard-dark-mode .genre-tag{color:#fff;background:#667eea}.dashboard-dark-mode .tag-suggestions-dropdown{background-color:#242424;border-color:#3a3a3a;box-shadow:0 4px 12px #00000080}.dashboard-dark-mode .tag-suggestion-item{color:#ffffffde}.dashboard-dark-mode .tag-suggestion-item:hover,.dashboard-dark-mode .tag-suggestion-item.selected{background-color:#3a3a3a}.dashboard-dark-mode .genre-suggestions-dropdown{background:#2a2a2a;border-color:#3a3a3a}.dashboard-dark-mode .genre-suggestion-item{color:#ffffffde;border-bottom-color:#3a3a3a}.dashboard-dark-mode .genre-suggestion-item:hover,.dashboard-dark-mode .genre-suggestion-item.selected{color:#667eea;background:#3a3a3a}.dashboard-dark-mode .empty-state{color:#fff9;background:0 0}.dashboard-dark-mode .empty-state p,.dashboard-dark-mode .empty-state .help-text{color:#ffffff80}.dashboard-dark-mode .empty-state h3,.dashboard-dark-mode .empty-state h4{color:#ffffffb3}.dashboard-dark-mode .empty-state .empty-icon{opacity:.5}.dashboard-dark-mode .book-uploader{color:#ffffffde!important;background:#2a2a2a!important}.dashboard-dark-mode .book-uploader h2,.dashboard-dark-mode .book-uploader h3{color:#ffffffde}.dashboard-dark-mode .book-uploader .help-text,.dashboard-dark-mode .book-uploader .section-description{color:#fff9}.dashboard-dark-mode .selected-files{color:#ffffffde;background:#1e1e1e;border-color:#3a3a3a}.dashboard-dark-mode .files-label,.dashboard-dark-mode .selected-files ul{color:#ffffffde}.dashboard-dark-mode .selected-files li{color:#ffffffb3}.dashboard-dark-mode .author-suggestions-dropdown{background:#1e1e1e;border-color:#3a3a3a;box-shadow:0 4px 12px #00000080}.dashboard-dark-mode .author-suggestion-item{color:#ffffffde;border-bottom-color:#3a3a3a}.dashboard-dark-mode .author-suggestion-item:hover,.dashboard-dark-mode .author-suggestion-item.selected{background:#3a3a3a}.dashboard-dark-mode .author-email{color:#ffffffde}.dashboard-dark-mode .dashboard-layout input[type=file]{color:#ffffffde;background:#1e1e1e;border-color:#3a3a3a}.dashboard-dark-mode .dashboard-layout input[type=file]::file-selector-button{color:#ffffffde;background:#3a3a3a;border-color:#4a4a4a}.dashboard-dark-mode .dashboard-layout input[type=file]::file-selector-button:hover{background:#4a4a4a}.dashboard-dark-mode .upload-form,.dashboard-dark-mode .dashboard-layout .form-group{background:0 0}.dashboard-dark-mode .form-row,.dashboard-dark-mode .color-input-group{background:0 0}.dashboard-dark-mode .color-input-group input[type=color]{background:#1e1e1e;border-color:#3a3a3a}.dashboard-dark-mode .color-input-group input[type=text]{color:#ffffffde;background:#1e1e1e;border-color:#3a3a3a}.dashboard-dark-mode .display-config-section{background:0 0;border-top-color:#3a3a3a}.dashboard-dark-mode .display-config-section h3{color:#ffffffde}.dashboard-dark-mode .search-field label,.dashboard-dark-mode .book-selection label{color:#ffffffe6!important}.dashboard-dark-mode .book-select{color:#ffffffe6!important;background:#1e1e1e!important;border-color:#3a3a3a!important}.dashboard-dark-mode .book-select:focus{border-color:#667eea!important}.dashboard-dark-mode .clear-button{color:#fff9}.dashboard-dark-mode .clear-button:hover{color:#ffffffde;background:#3a3a3a}.dashboard-dark-mode .clear-button:active{background:#4a4a4a}.dashboard-dark-mode .book-info-section{border-color:#3a3a3a;background-color:#1e1e1e!important}.dashboard-dark-mode .display-config-section{border-top-color:#3a3a3a}.dashboard-dark-mode .tags-container{background-color:#1e1e1e;border-color:#3a3a3a}.dashboard-dark-mode .photo-upload-section,.dashboard-dark-mode .current-photo,.dashboard-dark-mode .no-photo{background-color:#1a1a1a;border-color:#3a3a3a}.dashboard-dark-mode .photo-placeholder{color:#ffffff80;background-color:#2a2a2a}.dashboard-dark-mode .loading-spinner{border-color:#646cff #3a3a3a #3a3a3a}.dashboard-dark-mode .spinner-overlay{background:#0f0f0ff2!important}.dashboard-dark-mode .error-message,.dashboard-dark-mode .editor-error{color:#fca5a5;background-color:#3a1a1a;border-color:#4a2a2a}.dashboard-dark-mode .success-message{color:#86efac;background-color:#1a3a2a;border-color:#2a4a3a}.dashboard-dark-mode .passkey-item{background-color:#242424;border-color:#3a3a3a}.dashboard-dark-mode .passkey-item:hover{background-color:#2a2a2a}.dashboard-dark-mode .dashboard-layout input[type=search]{color:#ffffffde;background-color:#2a2a2a;border-color:#3a3a3a}.dashboard-dark-mode .dashboard-layout ::placeholder{color:#fff6}.dashboard-dark-mode .dashboard-layout a{color:#7dd3fc}.dashboard-dark-mode .dashboard-layout a:hover{color:#38bdf8}.dashboard-dark-mode code,.dashboard-dark-mode pre{color:#86efac;background-color:#242424;border-color:#3a3a3a}.dashboard-dark-mode ::-webkit-scrollbar{background-color:#1a1a1a}.dashboard-dark-mode ::-webkit-scrollbar-thumb{background-color:#3a3a3a}.dashboard-dark-mode ::-webkit-scrollbar-thumb:hover{background-color:#4a4a4a}.dashboard-dark-mode .feedback-window-control{background:#2a2a2a;border-color:#3a3a3a}.dashboard-dark-mode .feedback-window-control h3{color:#ffffffde;border-bottom-color:#3a3a3a}.dashboard-dark-mode .feedback-status{background-color:#1e1e1e;border-color:#3a3a3a}.dashboard-dark-mode .status-header,.dashboard-dark-mode .status-label{color:#ffffffde}.dashboard-dark-mode .status-description{color:#fff9}.dashboard-dark-mode .status-badge.status-open{color:#86efac;background-color:#1e3a1e}.dashboard-dark-mode .status-badge.status-closed{color:#ffc107;background-color:#3a3a1e}.dashboard-dark-mode .status-badge.status-archived{color:#fca5a5;background-color:#3a1e1e}.dashboard-dark-mode .danger-zone{background:0 0!important;border-color:#4a2a2a!important}.dashboard-dark-mode .danger-zone h3,.dashboard-dark-mode .danger-zone p{color:#ffffffde}.dashboard-dark-mode .reader-group-manager{color:#ffffffde;background:#2a2a2a}.dashboard-dark-mode .manager-header{border-bottom-color:#3a3a3a}.dashboard-dark-mode .manager-header h2{color:#ffffffde}.dashboard-dark-mode .manager-content{background:0 0}.dashboard-dark-mode .groups-panel,.dashboard-dark-mode .members-panel{background:#1e1e1e;border-color:#3a3a3a}.dashboard-dark-mode .panel-header h3{color:#ffffffde}.dashboard-dark-mode .create-group-form,.dashboard-dark-mode .add-reader-form{background:#2a2a2a;border-color:#3a3a3a}.dashboard-dark-mode .group-item{color:#ffffffde;border-color:#3a3a3a;background:#1e1e1e!important}.dashboard-dark-mode .group-item:hover{border-color:#4a4a4a;background:#2a2a2a!important}.dashboard-dark-mode .group-item-selected,.dashboard-dark-mode .group-item.selected{color:#fff;border-color:#667eea;background:#667eea!important}.dashboard-dark-mode .access-type-control,.dashboard-dark-mode .access-type-selector{background:#1e1e1e;border-color:#3a3a3a}.dashboard-dark-mode .access-type-control label{color:#ffffffde}.dashboard-dark-mode .add-reader-modal{background:#2a2a2a}.dashboard-dark-mode .add-reader-modal .modal-header{border-bottom-color:#3a3a3a}.dashboard-dark-mode .add-reader-modal .modal-header h3{color:#ffffffde}.dashboard-dark-mode .comment-viewer{color:#ffffffde;background:#2a2a2a}.dashboard-dark-mode .comment-viewer-header{border-bottom-color:#3a3a3a}.dashboard-dark-mode .comment-viewer-header h2{color:#ffffffde}.dashboard-dark-mode .comment-count{color:#fff9}.dashboard-dark-mode .comment-card{background:#1e1e1e;border-color:#3a3a3a}.dashboard-dark-mode .comment-card:hover{box-shadow:0 2px 8px #00000080}.dashboard-dark-mode .comment-header{border-bottom-color:#3a3a3a}.dashboard-dark-mode .comment-item{border-color:#3a3a3a;background:#2a2a2a!important}.dashboard-dark-mode .comment-content{color:#ffffffde}.dashboard-dark-mode .comment-meta{color:#fff9}.dashboard-dark-mode .comment-author,.dashboard-dark-mode .comment-text{color:#ffffffde}.dashboard-dark-mode .empty-state-hint{color:#fff6}.dashboard-dark-mode .autocomplete-dropdown{box-shadow:0 4px 12px #00000080;background:#2a2a2a!important;border-color:#3a3a3a!important}.dashboard-dark-mode .autocomplete-dropdown .suggestion-item{color:#ffffffde;border-bottom-color:#3a3a3a}.dashboard-dark-mode .autocomplete-dropdown .suggestion-item:hover{background:#3a3a3a}.dashboard-dark-mode .segmented-control{background:#1e1e1e;border-color:#3a3a3a}.dashboard-dark-mode .segmented-control button{color:#ffffffde;background:0 0}.dashboard-dark-mode .segmented-control button:hover{background:#2a2a2a}.dashboard-dark-mode .segmented-control button.active{color:#fff;background:#667eea}.dashboard-dark-mode .link-group{background:#1e1e1e;border-color:#3a3a3a}.dashboard-dark-mode .passkey-instructions{color:#ffffffde;background:#1a1a1a;border-color:#3a3a3a}.dashboard-dark-mode .passkey-manager{background:#2a2a2a;border-color:#3a3a3a}.dashboard-dark-mode .passkey-manager h3{color:#ffffffde}.dashboard-dark-mode .passkey-empty{color:#fff9}.dashboard-dark-mode .passkey-empty p{color:#ffffff80}.dashboard-dark-mode .danger-action{background:#2a2a2a!important;border-color:#3a3a3a!important}.dashboard-dark-mode .danger-info,.dashboard-dark-mode .danger-info h4{color:#ffffffde}.dashboard-dark-mode .danger-info p{color:#fff9}.dashboard-dark-mode .filter-results-info{color:#fff9;background:#1e1e1e;border-color:#3a3a3a}.dashboard-dark-mode .user-manager-modal{color:#ffffffde;background:#2a2a2a}.dashboard-dark-mode .user-manager-modal h2,.dashboard-dark-mode .user-manager-modal h3{color:#ffffffde}.dashboard-dark-mode .bulk-upload-modal{color:#ffffffde;background:#2a2a2a}.dashboard-dark-mode .bulk-upload-modal h2,.dashboard-dark-mode .bulk-upload-modal h3{color:#ffffffde}.dashboard-dark-mode .modal-header{color:#ffffffde;background:#2a2a2a;border-bottom-color:#3a3a3a}.dashboard-dark-mode .modal-body{color:#ffffffde;background:#2a2a2a}.dashboard-dark-mode .instructions{color:#ffffffde;background-color:#1e1e1e;border-color:#3a3a3a}.dashboard-dark-mode .editor-header{color:#ffffffde;background:#2a2a2a;border-bottom-color:#3a3a3a}.dashboard-dark-mode .editor-content{color:#ffffffde;background:#2a2a2a}.dashboard-dark-mode .editor-info{color:#ffffffde;background:#1e1e1e;border-left-color:#93c5fd}.dashboard-dark-mode .editor-form{background:0 0}.dashboard-dark-mode .confidentiality-editor,.dashboard-dark-mode .legal-page{color:#ffffffde;background:#1a1a1a}.dashboard-dark-mode .legal-container{color:#ffffffde;background:#2a2a2a;box-shadow:0 2px 8px #0000004d}.dashboard-dark-mode .legal-container h1,.dashboard-dark-mode .legal-container h2,.dashboard-dark-mode .legal-container h3{color:#fffffff2}.dashboard-dark-mode .legal-container p,.dashboard-dark-mode .legal-container li{color:#ffffffde}.dashboard-dark-mode .dashboard-layout input#feedbackEndDate,.dashboard-dark-mode .dashboard-layout input[type=date],.dashboard-dark-mode .dashboard-layout input[type=datetime-local]{color:#ffffffde;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#1e1e1e;border-color:#3a3a3a}.dashboard-dark-mode .dashboard-layout input#feedbackEndDate:focus,.dashboard-dark-mode .dashboard-layout input[type=date]:focus,.dashboard-dark-mode .dashboard-layout input[type=datetime-local]:focus{background:#2a2a2a;border-color:#646cff}.dashboard-dark-mode .pagination-info-bar{color:#ffffffde;background:#1e1e1e;border-color:#3a3a3a}.dashboard-dark-mode .reader-loading-overlay,.dashboard-dark-mode .loading-overlay{background:#0f0f0ff2!important}.dashboard-dark-mode .toast{background:#2d3748;box-shadow:0 4px 12px #00000080}.dashboard-dark-mode .toast-message{color:#ffffffde}.dashboard-dark-mode .toast-close{color:#fff9}.dashboard-dark-mode .toast-close:hover{color:#fffffff2}.dashboard-dark-mode .toast-success .toast-icon{background:#48bb7833}.dashboard-dark-mode .toast-error .toast-icon{background:#f5656533}.dashboard-dark-mode .toast-warning .toast-icon{background:#ed893633}.dashboard-dark-mode .toast-info .toast-icon{background:#4299e133}.dashboard-dark-mode .banner-management-page{background:#1a1a1a}.dashboard-dark-mode .banner-management-header h1{color:#fffffff2}.dashboard-dark-mode .banner-management-subtitle{color:#fff9}.dashboard-dark-mode .banner-preview-section,.dashboard-dark-mode .banner-form,.dashboard-dark-mode .banner-info-section{background:#2a2a2a;box-shadow:0 1px 3px #0000004d}.dashboard-dark-mode .banner-preview-section h2,.dashboard-dark-mode .banner-info-section h3{color:#fffffff2}.dashboard-dark-mode .banner-preview-empty{color:#fff6;background:#1e1e1e;border-color:#3a3a3a}.dashboard-dark-mode .dashboard-layout .form-group label,.dashboard-dark-mode .checkbox-label{color:#ffffffde}.dashboard-dark-mode .form-textarea,.dashboard-dark-mode .form-input{color:#ffffffde;background:#1e1e1e;border-color:#3a3a3a}.dashboard-dark-mode .form-textarea:focus,.dashboard-dark-mode .form-input:focus{background:#1e1e1e;border-color:#667eea}.dashboard-dark-mode .form-help{color:#fff9}.dashboard-dark-mode .banner-info{background:#1e1e1e}.dashboard-dark-mode .banner-info p,.dashboard-dark-mode .banner-info-section ul,.dashboard-dark-mode .banner-info-section li{color:#ffffffb3}.dashboard-dark-mode .banner-container{background:linear-gradient(135deg,#5568d3 0%,#6b4a9a 100%)}.dashboard-dark-mode .banner-message{color:#fffffff2}.dashboard-dark-mode .banner-dismiss{background:#ffffff26}.dashboard-dark-mode .banner-dismiss:hover{background:#ffffff40}.dashboard-dark-mode .pagination-button{color:#ffffffde;background:#2a2a2a;border-color:#3a3a3a}.dashboard-dark-mode .pagination-button:hover:not(:disabled){color:#93c5fd;background:#3a3a3a;border-color:#667eea}.dashboard-dark-mode .pagination-count{color:#fff9}.dashboard-dark-mode .email-confirmation-container{background:linear-gradient(135deg,#5568d3 0%,#6b4a9a 100%)}.dashboard-dark-mode .email-confirmation-card{background:#2a2a2a;box-shadow:0 10px 40px #00000080}.dashboard-dark-mode .confirmation-title{color:#fffffff2!important}.dashboard-dark-mode .confirmation-message{color:#ffffffde!important}.dashboard-dark-mode .confirmation-email{color:#93c5fd!important}.dashboard-dark-mode .confirmation-instructions{background:#1e1e1e}.dashboard-dark-mode .confirmation-instructions h2{color:#fffffff2!important}.dashboard-dark-mode .confirmation-instructions li{color:#ffffffde!important}.dashboard-dark-mode .confirmation-note{background:#3a2f1a;border-left-color:#f59e0b}.dashboard-dark-mode .confirmation-note p{color:#ffc107!important}.dashboard-dark-mode .approval-notice{background:#1a2a3a;border-left-color:#2196f3}.dashboard-dark-mode .approval-notice p{color:#7dd3fc!important}.dashboard-dark-mode .confirmation-help p{color:#fff9!important}.dashboard-dark-mode .link-button{color:#93c5fd!important}.dashboard-dark-mode .link-button:hover{color:#7dd3fc!important}.dashboard-dark-mode .admin-release-notes-page{background-color:#0f0f0f}.dashboard-dark-mode .admin-release-notes-container{background-color:#1a1a1a;box-shadow:0 2px 4px #0000004d}.dashboard-dark-mode .admin-release-notes-header h1{color:#fffffff2}.dashboard-dark-mode .admin-release-notes-subtitle{color:#fff9}.dashboard-dark-mode .release-note-editor-page{background-color:#0f0f0f}.dashboard-dark-mode .release-note-editor-container{background:#1a1a1a;box-shadow:0 2px 4px #0000004d}.dashboard-dark-mode .release-note-editor-header h1{color:#fffffff2}.dashboard-dark-mode .release-note-editor-subtitle{color:#fff9}.dashboard-dark-mode .release-note-editor-form,.dashboard-dark-mode .dashboard-layout .form-group{background:0 0}.dashboard-dark-mode .dashboard-layout .form-group label{color:#ffffffde}.dashboard-dark-mode .form-actions{background:0 0;border-top-color:#3a3a3a}.dashboard-dark-mode .release-notes-container{background-color:#1a1a1a}.dashboard-dark-mode .release-notes-header{background:0 0}.dashboard-dark-mode .release-notes-title{color:#fffffff2}.dashboard-dark-mode .release-notes-subtitle{color:#fff9}.dashboard-dark-mode .release-note-card{background-color:#242424;border-color:#3a3a3a;box-shadow:0 2px 4px #0000004d}.dashboard-dark-mode .release-note-card:hover{box-shadow:0 4px 8px #00000080}.dashboard-dark-mode .release-note-header{border-bottom-color:#3a3a3a}.dashboard-dark-mode .release-note-title{color:#fffffff2}.dashboard-dark-mode .release-note-date{color:#fff9}.dashboard-dark-mode .release-note-content{color:#ffffffde}.dashboard-dark-mode .pagination{background:0 0}.dashboard-dark-mode .pagination-button{background-color:#646cff;border:none}.dashboard-dark-mode .pagination-button:hover:not(:disabled){background-color:#535bf2}.dashboard-dark-mode .pagination-button:disabled{opacity:.6;background-color:#4a4a4a}.dashboard-dark-mode .pagination-info{color:#ffffffde}.dashboard-dark-mode .empty-state{background:0 0}.dashboard-dark-mode .empty-state h2{color:#fffffff2}.dashboard-dark-mode .empty-state p{color:#fff9}.dashboard-dark-mode .error-message{color:#fca5a5;background-color:#3a1a1a;border-color:#4a2a2a}.dashboard-dark-mode .oauth-signup-settings{background:#1e1e1e;box-shadow:0 1px 3px #0000004d}.dashboard-dark-mode .oauth-settings-header h2{color:#ffffffde}.dashboard-dark-mode .oauth-settings-description{color:#fff9}.dashboard-dark-mode .info-box{background:#1a2a3a;border-color:#2a4a6a}.dashboard-dark-mode .info-content strong{color:#66b3ff}.dashboard-dark-mode .info-content li{color:#ffffffde}.dashboard-dark-mode .provider-setting{background:#2a2a2a;border-color:#3a3a3a}.dashboard-dark-mode .provider-setting:hover{background:#333;border-color:#4a4a4a}.dashboard-dark-mode .provider-details h3{color:#ffffffde}.dashboard-dark-mode .provider-details p{color:#fff9}.dashboard-dark-mode .toggle-slider{background-color:#4a4a4a}.dashboard-dark-mode .toggle-switch input:focus+.toggle-slider{box-shadow:0 0 0 3px #4caf504d}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary-color:#646cff;--primary-hover:#535bf2;--secondary-color:#6c757d;--success-color:#28a745;--danger-color:#dc3545;--warning-color:#ffc107;--info-color:#17a2b8;--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-dark:#242424;--text-primary:#213547;--text-secondary:#6c757d;--border-color:#dee2e6;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:.75rem;--spacing-lg:1rem;--spacing-xl:1.5rem;--spacing-2xl:2rem;--spacing-3xl:3rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;background-color:#242424;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}}*{box-sizing:border-box;margin:0;padding:0}body{min-width:320px;min-height:100vh;margin:0;display:flex;position:relative;overflow-x:hidden}body:after{content:none!important;display:none!important}body::-webkit-scrollbar-x{display:none}html{position:relative;overflow-x:hidden}html:after{content:none!important;display:none!important}html::-webkit-scrollbar-x{display:none}:before,:after{border-bottom:none!important}progress,[style*="bottom: 0"],[style*=bottom\:0]{display:none!important}#root{width:100%;min-height:100vh}h1{font-size:2em;line-height:1.1}button{border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-xl);background-color:var(--primary-color);color:#fff;cursor:pointer;transition:all var(--transition-base);border:1px solid #0000;font-family:inherit;font-size:1em;font-weight:500}button:hover{background-color:var(--primary-hover)}button:focus,button:focus-visible{outline:none}button::-moz-focus-inner{border:0}button:disabled{opacity:.6;cursor:not-allowed}:focus,:focus-visible{outline:none}.btn-primary{color:#fff;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;font-size:1rem;font-weight:600}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{color:#4a5568;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);background:#edf2f7;border:none;font-size:1rem;font-weight:600}.btn-secondary:hover:not(:disabled){background:#e2e8f0}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.btn-danger{color:#c53030;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);background-color:#fed7d7;border:none;font-size:1rem;font-weight:600}.btn-danger:hover:not(:disabled){color:#fff;background:#fc8181}.btn-danger:disabled{opacity:.6;cursor:not-allowed}.btn-success{color:#155724;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);background:#d4edda;border:none;font-size:1rem;font-weight:600}.btn-success:hover:not(:disabled){background:#c3e6cb}.btn-success:disabled{opacity:.6;cursor:not-allowed}.btn-warning{color:#856404;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);background:#fff3cd;border:none;font-size:1rem;font-weight:600}.btn-warning:hover:not(:disabled){background:#ffeaa7}.btn-warning:disabled{opacity:.6;cursor:not-allowed}@media (prefers-color-scheme:dark){.btn-secondary{color:#ffffffde;background:#2a2a2a;border:1px solid #3a3a3a}.btn-secondary:hover:not(:disabled){background:#3a3a3a}.btn-danger{color:#fca5a5;background:#3a1e1e;border:1px solid #4a2a2a}.btn-danger:hover:not(:disabled){color:#fca5a5;background:#4a2a2a}.btn-success{color:#86efac;background:#1e3a2a;border:1px solid #2a4a3a}.btn-success:hover:not(:disabled){background:#2a4a3a}.btn-warning{color:#ffc107;background:#3a2f1a;border:1px solid #4a3a2a}.btn-warning:hover:not(:disabled){background:#4a3a2a}}.loading{min-height:200px;color:var(--text-secondary);justify-content:center;align-items:center;font-size:1.2em;display:flex}.error{color:var(--danger-color);flex-direction:column;align-items:center;gap:1rem;padding:2rem;display:flex}