.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:1rem;background-color:#f5f5f5;position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999}:root.dark-mode .auth-container{background-color:#1a1a1a}.auth-form{display:flex;flex-direction:column;gap:1rem}.form-group{position:relative}.form-group label{font-size:.9rem;color:#4a5568;font-weight:500}.auth-input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;transition:border-color .2s}.auth-input:focus{border-color:#09f;outline:none}.form-options{justify-content:space-between;font-size:.9rem}.form-options,.remember-me{display:flex;align-items:center}.remember-me{gap:.5rem;cursor:pointer}.remember-me input[type=checkbox]{margin:0;cursor:pointer}.forgot-password-link{color:red;background:none;border:none;cursor:pointer;font-size:.9rem}.forgot-password-link:hover{text-decoration:underline}.auth-submit-button,.submit-button{width:100%;padding:.75rem;background-color:#09f;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .2s}.auth-submit-button:hover:not(:disabled),.submit-button:hover:not(:disabled){background-color:#007acc}.auth-submit-button:disabled,.submit-button:disabled{background-color:#ccc;cursor:not-allowed}.error-message{color:red;font-size:.9rem;text-align:center;margin-top:.5rem}.success-message{text-align:center;color:#00a854;padding:1rem;border:1px solid #b7eb8f;border-radius:4px;background-color:#f6ffed}.success-message h3{margin:0 0 .5rem;color:#00a854}.form-description{color:#666;margin:0}.back-to-login,.form-description{font-size:.9rem;text-align:center}.back-to-login{background:none;border:none;color:#09f;cursor:pointer;padding:.5rem}.back-to-login:hover{text-decoration:underline}.auth-footer{text-align:center;font-size:.9rem;margin-top:1rem}:root.dark-mode .auth-form{background-color:#1a1a1a;color:#fff}:root.dark-mode .auth-input{background-color:#333;border-color:#444;color:#fff}:root.dark-mode .form-description{color:#999}:root.dark-mode .success-message{background-color:#162312;border-color:#274916;color:#73d13d}:root.dark-mode .success-message h3{color:#73d13d}@media (max-width:480px){.auth-form{padding:.75rem}}.login-link,.sign-up-link{color:#09f;background:none;border:none;cursor:pointer;font-weight:500}.login-link:hover,.sign-up-link:hover{text-decoration:underline}.recaptcha-container{display:none}.modal-title{text-align:center;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;text-transform:uppercase}.auth-card{background-color:#fff;border-radius:8px;padding:2rem;box-shadow:0 4px 12px rgba(0,0,0,.1);max-width:500px;width:100%}.auth-header h1{text-align:center;color:#333;margin-bottom:1.5rem;font-size:1.8rem}.status-message{text-align:center;padding:20px;border-radius:8px;margin:20px 0}.status-message.processing{background-color:#f0f8ff;border:1px solid #ddd;color:#666}.status-message.success{background-color:#f0fff4;border:1px solid #d4edda;color:#155724}.status-message.error{background-color:#fff5f5;border:1px solid #f8d7da;color:#721c24}.loading-spinner{display:inline-block;width:20px;height:20px;border:3px solid #f3f3f3;border-top-color:#3498db;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:10px}.success-icon{color:#28a745}.error-icon,.success-icon{font-size:48px;margin-bottom:10px}.error-icon{color:#dc3545}.new-email{background-color:#e9ecef;padding:10px;border-radius:5px;margin:10px 0;font-size:14px}.redirect-notice{font-size:14px;color:#666;font-style:italic;margin-top:15px}.error-actions{margin-top:20px;display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.error-actions .btn{min-width:120px;padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s}.error-actions .btn-primary{background-color:#09f;color:#fff}.error-actions .btn-primary:hover{background-color:#007acc}.error-actions .btn-secondary{background-color:#6c757d;color:#fff}.error-actions .btn-secondary:hover{background-color:#5a6268}:root.dark-mode .auth-card{background-color:#2d2d2d;color:#fff}:root.dark-mode .auth-header h1{color:#fff}:root.dark-mode .status-message.processing{background-color:#1a2332;border-color:#495057;color:#adb5bd}:root.dark-mode .status-message.success{background-color:#1e2f23;border-color:#28a745;color:#d4edda}:root.dark-mode .status-message.error{background-color:#2f1e1e;border-color:#dc3545;color:#f8d7da}:root.dark-mode .new-email{background-color:#495057;color:#fff}@media (max-width:768px){.auth-card{margin:20px;padding:1.5rem}.auth-header h1{font-size:1.5rem}.status-message{padding:15px;margin:15px 0}.error-icon,.success-icon{font-size:36px}.error-actions{flex-direction:column;align-items:center}.error-actions .btn{width:100%;max-width:200px}}.notification-dropdown{position:absolute;top:calc(100% + 8px);right:0;background-color:#fff;border-radius:8px;box-shadow:0 8px 32px rgba(0,0,0,.12);min-width:380px;max-width:420px;z-index:1200;overflow:hidden;animation:notificationDropdownFadeIn .2s ease;border:1px solid #e1e5e9}:root.dark-mode .notification-dropdown{background-color:#2d2d2d;border-color:#444;box-shadow:0 8px 32px rgba(0,0,0,.3)}@keyframes notificationDropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notification-dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e1e5e9;background-color:#f8f9fa}:root.dark-mode .notification-dropdown-header{background-color:#1a1a1a;border-bottom-color:#444}.notification-dropdown-header h3{margin:0;font-size:16px;font-weight:600;color:#212529}:root.dark-mode .notification-dropdown-header h3{color:#fff}.clear-all-btn{background:none;border:none;color:#dc3545;font-size:14px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease}.clear-all-btn:hover{color:#c82333;background-color:rgba(220,53,69,.1)}.clear-all-btn:disabled{opacity:.6;cursor:not-allowed}:root.dark-mode .clear-all-btn{color:#ff6b6b}:root.dark-mode .clear-all-btn:hover{color:#ff5252;background-color:hsla(0,100%,71%,.1)}.notification-dropdown-content{max-height:400px;overflow-y:auto}.notification-dropdown-content::-webkit-scrollbar{width:6px}.notification-dropdown-content::-webkit-scrollbar-track{background:#f1f1f1}.notification-dropdown-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.notification-dropdown-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}:root.dark-mode .notification-dropdown-content::-webkit-scrollbar-track{background:#2d2d2d}:root.dark-mode .notification-dropdown-content::-webkit-scrollbar-thumb{background:#555}:root.dark-mode .notification-dropdown-content::-webkit-scrollbar-thumb:hover{background:#666}.notification-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;color:#6c757d}:root.dark-mode .notification-loading{color:#a0a0a0}.notification-error{padding:40px 20px;text-align:center;color:#dc3545;font-style:italic}:root.dark-mode .notification-error{color:#ff6b6b}.no-notifications{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#6c757d;text-align:center}:root.dark-mode .no-notifications{color:#a0a0a0}.no-notifications i{font-size:32px;margin-bottom:12px;opacity:.5}.notification-list{display:flex;flex-direction:column}.notification-item{position:relative;border-bottom:1px solid #e9ecef;cursor:pointer;transition:background-color .2s ease}:root.dark-mode .notification-item{border-bottom-color:#444}.notification-item:hover{background-color:#f8f9fa}:root.dark-mode .notification-item:hover{background-color:#363636}.notification-item:last-child{border-bottom:none}.notification-item.unread{background-color:#f0f8ff}:root.dark-mode .notification-item.unread{background-color:#1a2332}.notification-item.unread:hover{background-color:#e6f3ff}:root.dark-mode .notification-item.unread:hover{background-color:#1e2a3a}.notification-link{display:block;width:100%}.notification-link,.notification-link:hover{text-decoration:none;color:inherit}.notification-content{display:flex;align-items:flex-start;padding:16px 20px;gap:12px}.notification-icon{flex-shrink:0;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;margin-top:2px}.notification-icon i[class*=fa-reply]{background-color:#e3f2fd;color:#1976d2}.notification-icon i[class*=fa-comment]{background-color:#f3e5f5;color:#7b1fa2}.notification-icon i[class*=fa-book-open]{background-color:#e8f5e8;color:#388e3c}:root.dark-mode .notification-icon i[class*=fa-reply]{background-color:#1a365d;color:#63b3ed}:root.dark-mode .notification-icon i[class*=fa-comment]{background-color:#44337a;color:#b794f6}:root.dark-mode .notification-icon i[class*=fa-book-open]{background-color:#1a365d;color:#68d391}.notification-text{flex:1 1;min-width:0;margin-right:15px}.notification-message{font-size:14px;line-height:1.4;color:#212529;margin-bottom:4px;word-wrap:break-word}:root.dark-mode .notification-message{color:#e0e0e0}.notification-timestamp{font-size:12px;color:#6c757d}:root.dark-mode .notification-timestamp{color:#a0a0a0}.delete-notification-btn{position:absolute;top:12px;right:12px;width:24px;height:24px;background:none;border:none;color:#6c757d;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;transition:all .2s ease;opacity:1;z-index:10}.delete-notification-btn:hover{background-color:rgba(220,53,69,.1);color:#dc3545}.delete-notification-btn:disabled{opacity:.5;cursor:not-allowed}:root.dark-mode .delete-notification-btn{color:#a0a0a0}:root.dark-mode .delete-notification-btn:hover{background-color:hsla(0,100%,71%,.1);color:#ff6b6b}.notification-dropdown-footer{border-top:1px solid #e1e5e9;padding:12px 20px;background-color:#f8f9fa}:root.dark-mode .notification-dropdown-footer{border-top-color:#444;background-color:#1a1a1a}.clear-all-footer-btn{width:100%;background:none;border:none;color:#6c757d;font-size:14px;cursor:pointer;padding:8px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.clear-all-footer-btn:hover{color:#495057;background-color:rgba(0,0,0,.05)}:root.dark-mode .clear-all-footer-btn{color:#a0a0a0}:root.dark-mode .clear-all-footer-btn:hover{color:#e0e0e0;background-color:hsla(0,0%,100%,.1)}.clear-all-footer-btn:disabled{opacity:.6;cursor:not-allowed}.notification-loading-more{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 20px;color:#6c757d;border-bottom:1px solid #e9ecef;gap:8px}:root.dark-mode .notification-loading-more{color:#a0a0a0;border-bottom-color:#444}.circular-loading-spinner{display:flex;align-items:center;justify-content:center}.spinner-circle{width:20px;height:20px;border:2px solid #e9ecef;border-top-color:#007bff;border-radius:50%;animation:spin 1s linear infinite}:root.dark-mode .spinner-circle{border-color:#63b3ed #444 #444}.loading-text{font-size:13px}.notifications-end{display:flex;align-items:center;justify-content:center;padding:12px 20px;color:#9ca3af;font-size:13px;font-style:italic;background-color:#f8f9fa;border-bottom:1px solid #e9ecef}:root.dark-mode .notifications-end{color:#6b7280;background-color:#1a1a1a;border-bottom-color:#444}.notifications-end:last-child{border-bottom:none}@media (max-width:768px){.notification-dropdown{min-width:320px;max-width:calc(100vw - 40px);right:-10px}.notification-content,.notification-dropdown-footer,.notification-dropdown-header{padding-left:16px;padding-right:16px}.notification-dropdown-content{max-height:300px}.notification-message{font-size:13px}.notification-timestamp{font-size:11px}}@media (max-width:480px){.notification-dropdown{min-width:280px;right:-20px}.notification-content,.notification-dropdown-footer,.notification-dropdown-header{padding-left:12px;padding-right:12px}.notification-content{padding-top:12px;padding-bottom:12px}.notification-icon{width:32px;height:32px;font-size:14px}}.notification-categories{display:flex;border-bottom:1px solid #e1e5e9;background-color:#f8f9fa}:root.dark-mode .notification-categories{background-color:#1a1a1a;border-bottom-color:#444}.category-tab{flex:1 1;background:none;padding:12px 16px;font-size:14px;font-weight:500;color:#6c757d;cursor:pointer;transition:all .2s ease;border:none;border-bottom:2px solid transparent}.category-tab:hover{color:#495057;background-color:rgba(0,0,0,.05)}.category-tab.active{color:#007bff;border-bottom-color:#007bff;background-color:rgba(0,123,255,.1)}:root.dark-mode .category-tab{color:#a0a0a0}:root.dark-mode .category-tab:hover{color:#e0e0e0;background-color:hsla(0,0%,100%,.1)}:root.dark-mode .category-tab.active{color:#63b3ed;border-bottom-color:#63b3ed;background-color:rgba(99,179,237,.1)}.notification-icon i[class*=fa-users]{background-color:#e8f5e8;color:#388e3c}:root.dark-mode .notification-icon i[class*=fa-users]{background-color:#1a365d;color:#68d391}.notification-icon i[class*=fa-check-circle]{background-color:#e8f5e8;color:#28a745}.notification-icon i[class*=fa-times-circle]{background-color:#f8d7da;color:#dc3545}.notification-icon i[class*=fa-message]{background-color:#e3f2fd;color:#1976d2}.notification-icon i[class*=fa-trash-can]{background-color:#fff3cd;color:#856404}:root.dark-mode .notification-icon i[class*=fa-check-circle]{background-color:#1a365d;color:#68d391}:root.dark-mode .notification-icon i[class*=fa-times-circle]{background-color:#2d1b1b;color:#ff6b6b}:root.dark-mode .notification-icon i[class*=fa-message]{background-color:#1a365d;color:#63b3ed}:root.dark-mode .notification-icon i[class*=fa-trash-can]{background-color:#3d2914;color:#ffc107}.notification-icon i[class*=fa-heart]{background-color:#fce4ec;color:#e91e63}:root.dark-mode .notification-icon i[class*=fa-heart]{background-color:#3e2723;color:#f48fb1}.loading-spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem}.loading-spinner-gif{border-radius:8px;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1));transition:all .3s ease}.loading-text{margin-top:1rem;font-size:.875rem;color:#4b5563;text-align:center;font-weight:500}:root.dark-mode .loading-spinner-gif{filter:drop-shadow(0 4px 6px rgba(0,0,0,.3))}:root.dark-mode .loading-text{color:#d1d5db}.loading-spinner-inline{display:inline-flex;align-items:center;gap:.5rem}.loading-spinner-css{width:16px;height:16px;border:2px solid rgba(74,144,226,.2);border-top-color:#4a90e2;border-radius:50%;animation:spin 1s linear infinite}.loading-text-inline{font-size:.875rem;color:#4b5563;font-weight:500}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root.dark-mode .loading-spinner-css{border-color:#66b0ff hsla(0,0%,100%,.2) hsla(0,0%,100%,.2)}:root.dark-mode .loading-text-inline{color:#d1d5db}