.custom-scrollbar::-webkit-scrollbar{width:8px;height:8px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:rgba(156,163,175,.3);border-radius:20px;border:2px solid transparent}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background-color:rgba(156,163,175,.5)}.dark .custom-scrollbar::-webkit-scrollbar-thumb{background-color:rgba(156,163,175,.2)}.dark .custom-scrollbar::-webkit-scrollbar-thumb:hover{background-color:rgba(156,163,175,.4)}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:rgba(156,163,175,.3) transparent}.dark .custom-scrollbar{scrollbar-color:rgba(156,163,175,.2) transparent}.notification-item:hover{background-color:hsl(var(--muted)/.3)}.notification-unread-dot{background-color:hsl(var(--primary));height:8px;width:8px;border-radius:50%}.dark .notification-item.unread{background-color:hsl(var(--primary)/.1)}.light .notification-item.unread{background-color:hsl(var(--primary-50)/.5)}.notification-message{color:hsl(var(--foreground));font-size:.875rem;line-height:1.25rem}.notification-time{color:hsl(var(--muted-foreground));font-size:.75rem;line-height:1rem}