.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}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-text{font-size:13px;font-weight:500}.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}