.notification-bell{justify-content:center;width:40px;height:40px;position:relative}.notification-count{color:#fff;background:#df5145;border-radius:12px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:700;display:flex;position:absolute;top:0;right:-1px}.notification-sheet{padding:24px;overflow-y:auto;width:min(480px,100vw)!important;max-width:480px!important}.notification-toolbar{justify-content:space-between;margin:22px 0 16px;display:flex}.notification-mobile{background:#f5f8fa;border:1px solid #dde5ea;border-radius:12px;gap:12px;margin-bottom:18px;padding:16px;display:flex}.notification-mobile>svg{color:#426883;flex-shrink:0;margin-top:3px}.notification-mobile strong{font-size:14px}.notification-mobile p{color:#6b7885;margin:5px 0 10px;font-size:12px}.notification-mobile .btn{font-size:12px}.notification-mobile .text-btn{margin-top:10px;display:block}.notification-error{color:#a53529!important}.notification-list{flex-direction:column;gap:7px;display:flex}.notification-item{text-align:left;background:#fff;border:1px solid #e5eaee;border-radius:12px;align-items:flex-start;gap:11px;width:100%;padding:15px 12px;display:flex;position:relative}.notification-item:hover{background:#f5f8fa}.notification-item.unread{background:#f0f7fb;border-color:#cbe1ef}.notification-item-icon{color:#53718a;flex-shrink:0;margin-top:2px}.notification-item strong{padding-right:10px;font-size:13px;display:block}.notification-item p{color:#667889;overflow-wrap:anywhere;margin:6px 0;font-size:12px;line-height:1.5}.notification-item time{color:#82909b;font-size:10px}.notification-item i{background:#226b98;border-radius:50%;width:6px;height:6px;position:absolute;top:20px;right:12px}.notification-empty{text-align:center;color:#71808c;margin:28px 12px;font-size:13px;line-height:1.7}