.notification-bell[data-v-3fef4cb3]{position:relative}.notification-count[data-v-3fef4cb3]{background:#b42318;border-radius:12px;color:#fff;font-size:10px;font-weight:700;padding:1px 5px;position:absolute;right:-7px;top:-7px}.notification-menu[data-v-3fef4cb3]{background:#fff;border:1px solid #dce6e1;border-radius:16px;box-shadow:0 18px 45px #18342e26;max-height:520px;overflow:auto;position:absolute;right:0;top:44px;width:min(390px,calc(100vw - 32px));z-index:40}.notification-head[data-v-3fef4cb3]{align-items:center;background:#fff;border-bottom:1px solid #e4ebe7;display:flex;justify-content:space-between;padding:14px;position:sticky;top:0}.notification-head button[data-v-3fef4cb3]{background:none;border:0;color:#226b58;display:flex;gap:5px}.notification-item[data-v-3fef4cb3]{background:#fff;border:0;border-bottom:1px solid #eef2ef;display:flex;flex-direction:column;gap:4px;padding:13px 15px;text-align:left;width:100%}.notification-item.unread[data-v-3fef4cb3]{background:#f0f8f4}.notification-item span[data-v-3fef4cb3]{font-weight:700}.notification-item small[data-v-3fef4cb3],.notification-item time[data-v-3fef4cb3]{color:#5f746d}.notification-item time[data-v-3fef4cb3]{font-size:10px}.notification-empty[data-v-3fef4cb3]{color:#5f746d;padding:24px;text-align:center}