.notification-icon{transition:color .3s ease}.notification-icon.has-notifications{color:#dc3545!important;animation:notification-shake 3s infinite}.dropdown-notifications .dropdown-menu{width:380px;max-height:480px}@media (max-width: 575.98px){.dropdown-notifications .dropdown-menu{width:300px}}.dropdown-notifications .dropdown-menu-header{padding:.75rem 1.5rem}.dropdown-notifications .dropdown-menu-header .dropdown-header{padding:0;margin:0;border:0;background:transparent}.dropdown-notifications .dropdown-notifications-list{max-height:300px;overflow-y:auto}.dropdown-notifications .dropdown-notifications-list .notification-list{margin:0}.dropdown-notifications .dropdown-notifications-list .notification-list .dropdown-notifications-item{border:0;padding:.875rem 1.5rem;transition:all .2s ease-in-out}.dropdown-notifications .dropdown-notifications-list .notification-list .dropdown-notifications-item:hover{background-color:var(--bs-gray-50)}.dropdown-notifications .dropdown-notifications-list .notification-list .dropdown-notifications-item.dropdown-notifications-unread{border-left:3px solid var(--bs-primary)}.dropdown-notifications .dropdown-notifications-list .notification-list .dropdown-notifications-item.dropdown-notifications-unread:hover{background-color:#e3e1fc45}.dropdown-notifications .dropdown-notifications-list .notification-list .dropdown-notifications-item a{text-decoration:none;color:inherit}.dropdown-notifications .dropdown-notifications-list .notification-list .dropdown-notifications-item a:hover{color:inherit}.dropdown-notifications .dropdown-notifications-list .notification-list .dropdown-notifications-item .avatar{width:2.375rem;height:2.375rem}.dropdown-notifications .dropdown-notifications-list .notification-list .dropdown-notifications-item .avatar .avatar-initial{font-size:.875rem}.dropdown-notifications .dropdown-notifications-list .notification-list .dropdown-notifications-item h6{font-size:.875rem;font-weight:600;line-height:1.25}.dropdown-notifications .dropdown-notifications-list .notification-list .dropdown-notifications-item small{font-size:.75rem;line-height:1.4}.dropdown-notifications .dropdown-notifications-list .notification-list .dropdown-notifications-item .badge-dot{width:6px;height:6px;min-width:unset;padding:0;border-radius:50%}.scrollable-container::-webkit-scrollbar{width:4px}.scrollable-container::-webkit-scrollbar-track{background:var(--bs-gray-100)}.scrollable-container::-webkit-scrollbar-thumb{background:var(--bs-gray-300);border-radius:2px}.scrollable-container::-webkit-scrollbar-thumb:hover{background:var(--bs-gray-400)}@keyframes notification-pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes notification-shake{0%,20%{transform:translate(0)}2%,6%,10%{transform:translate(-2px)}4%,8%{transform:translate(2px)}12%,to{transform:translate(0)}}.dropdown-notifications .ti-bell.animate__animated.animate__swing{animation-duration:.8s}.notification-count{font-size:.75rem;min-width:1.25rem;height:1.25rem;line-height:1.25rem;padding:0;border-radius:.625rem}[data-theme=dark] .dropdown-notifications .dropdown-menu-header{background:var(--bs-gray-800)}[data-theme=dark] .dropdown-notifications .dropdown-notifications-item:hover{background-color:var(--bs-gray-800)}[data-theme=dark] .dropdown-notifications .dropdown-notifications-item.dropdown-notifications-unread{background-color:rgba(var(--bs-primary-rgb),.1)}[data-theme=dark] .dropdown-notifications .dropdown-notifications-item.dropdown-notifications-unread:hover{background-color:rgba(var(--bs-primary-rgb),.15)}[data-theme=dark] .scrollable-container::-webkit-scrollbar-track{background:var(--bs-gray-800)}[data-theme=dark] .scrollable-container::-webkit-scrollbar-thumb{background:var(--bs-gray-600)}[data-theme=dark] .scrollable-container::-webkit-scrollbar-thumb:hover{background:var(--bs-gray-500)}.dropdown-notifications-item .spinner-border-sm{width:.875rem;height:.875rem;border-width:.1em}.dropdown-notifications-item.text-center{padding:2rem 1.5rem}.dropdown-notifications-item.text-center .ti-lg{font-size:2rem}@media (max-width: 767.98px){.dropdown-notifications .dropdown-menu{width:calc(100vw - 2rem);max-width:350px;left:50%!important;transform:translate(-50%)!important}}@media (prefers-contrast: high){.dropdown-notifications-item.dropdown-notifications-unread{border-left-width:4px;border-left-color:var(--bs-primary)}.badge-notifications{border:2px solid var(--bs-body-bg)}}@media (prefers-reduced-motion: reduce){.dropdown-notifications-item{transition:none}.dropdown-notifications .ti-bell.animate__animated{animation:none}}