.notification-badge{position:absolute;top:0;right:7px;background:#dc3545;color:#fff;border-radius:50%;width:18px;height:18px;font-size:10px;display:flex;align-items:center;justify-content:center;font-weight:700}.notification-dropdown-menu{width:450px!important;max-width:80vw;right:-150px!important;left:auto!important;transform:none}.notification-header{padding:10px 15px;display:flex;justify-content:space-between;align-items:center}.notification-list{max-height:300px;overflow-y:auto}.notification-item{display:flex;align-items:flex-start;padding:12px 15px;margin:10px;cursor:pointer!important;transition:background-color .2s;border-radius:5px}.notification-item:hover{background-color:#f8f9fa}.notification-item.unread{background-color:#e3f2fd}.notification-item.unread:hover{background-color:#bbdefb}.notification-item.notification-read{opacity:.7}.notification-icon-container{width:36px;height:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#f0f2f5;margin-right:12px}.notification-icon-container i{font-size:16px;color:#fab125}.notification-content{flex-grow:1}.notification-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.notification-title{margin:0;font-size:14px;font-weight:600}.notification-time{color:#6c757d;font-size:11px}.notification-message{margin:5px 0 0 0;font-size:13px;color:#495057;line-height:1.4}.notification-empty{padding:20px}.notification-footer{padding:10px 15px;border-top:1px solid #565656;text-align:center}.notification-loading{padding:20px}.u-notify{position:relative;z-index:1}.u-notify .dropdown-menu{z-index:1002}.notification-list::-webkit-scrollbar{width:8px;background:#f0f2f5;border-radius:8px}.notification-list::-webkit-scrollbar-thumb{background:#cfd8dc;border-radius:8px}.notification-list::-webkit-scrollbar-thumb:hover{background:#b0bec5}.notification-list{scrollbar-width:none;scrollbar-color:#cfd8dc #f0f2f5}