@charset "UTF-8";.notification-item{display:block;padding:12px 16px;border-bottom:1px solid #f0f0f0;transition:background-color .2s ease;cursor:pointer;text-decoration:none}.notification-item:hover{background-color:#f8f9fa}.notification-item.unread{background-color:#e8f4fd}.notification-item.unread:hover{background-color:#d6ebff}.notification-item:last-child{border-bottom:none}.notification-title{font-size:13px;font-weight:600;color:#212529;margin-bottom:4px;line-height:1.4}.notification-message{font-size:12px;line-height:1.5;color:#6c757d;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-dashboard{font-size:11px;margin-bottom:2px}.notification-badge{position:absolute;top:8px;right:12px;font-size:9px;padding:2px 6px}.notification-item .avatar-sm{width:36px;height:36px}.notification-item .avatar-title{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:16px}.noti-dot{position:absolute;top:4px;right:4px;min-width:18px;height:18px;display:none;align-items:center;justify-content:center;font-size:10px;font-weight:700;padding:0 5px;line-height:18px;border-radius:9px}.noti-dot[style*=inline-flex]{display:inline-flex!important}.dropdown-menu-xl{min-width:360px;max-width:400px}#notification-list{background:#fff}#notification-list::-webkit-scrollbar{width:6px}#notification-list::-webkit-scrollbar-track{background:#f1f1f1}#notification-list::-webkit-scrollbar-thumb{background:#888;border-radius:3px}#notification-list::-webkit-scrollbar-thumb:hover{background:#555}.notification-empty{padding:2rem 1rem;text-align:center}.notification-empty i{font-size:40px;color:#adb5bd;margin-bottom:.5rem}.notification-empty p{color:#6c757d;font-size:13px;margin:0}#mark-all-as-read{font-size:12px;padding:4px 8px}#mark-all-as-read:hover{background-color:#4a90e2!important;color:#fff!important}@keyframes slideInDown{0%{transform:translateY(-5px);opacity:0}to{transform:translateY(0);opacity:1}}.notification-item.new-animation{animation:slideInDown .3s ease}@media (max-width: 576px){.dropdown-menu-xl{min-width:300px;max-width:calc(100vw - 30px);right:-10px!important}.notification-item{padding:10px 12px}}