.notification-bell{position:relative;margin-left:0;margin-right:0;flex:0 0 auto}.notification-bell__button{width:32px;height:32px;border-radius:50%;border:1px solid rgba(0,59,92,.16);background:#fff;color:#003b5c;display:inline-flex;align-items:center;justify-content:center;position:relative;box-shadow:0 4px 14px rgba(0,59,92,.08)}.notification-bell__button i{font-size:18px;line-height:1}.notification-bell__badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;border-radius:9px;background:#ef4444;color:#fff;font-size:11px;line-height:18px;font-weight:700;text-align:center;padding:0 5px}.notification-bell__panel{position:absolute;right:0;top:50px;width:330px;max-width:calc(100vw - 24px);background:#fff;border:1px solid #e8eef3;border-radius:8px;box-shadow:0 18px 50px rgba(0,0,0,.15);z-index:1000;overflow:hidden}.notification-bell__head{padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #edf2f7}.notification-bell__head strong{color:#111;font-size:15px}.notification-bell__mark-all{border:0;background:rgba(0,0,0,0);color:#003b5c;font-size:12px;font-weight:700;white-space:nowrap}.notification-bell__list{max-height:360px;overflow-y:auto}.notification-bell__empty{padding:16px;color:#777;font-size:14px}.notification-bell__item{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid #f0f3f6;background:#fff;padding:12px 14px}.notification-bell__item.is-unread{background:#f3f8fb}.notification-bell__message,.notification-bell__meta,.notification-bell__time{display:block}.notification-bell__message{color:#111;font-size:14px;font-weight:600;line-height:1.35}.notification-bell__item.is-unread .notification-bell__message{font-weight:800}.notification-bell__meta{color:#64748b;font-size:12px;margin-top:4px;line-height:1.35;overflow-wrap:anywhere}.notification-bell__time{color:#94a3b8;font-size:12px;margin-top:6px}@media(max-width:767px){.notification-bell{margin-left:0;margin-right:0}.notification-bell__button{width:32px;height:32px}.notification-bell__button i{font-size:16px}.notification-bell__badge{top:-3px;right:-3px;min-width:16px;height:16px;border-radius:8px;font-size:10px;line-height:16px;padding:0 4px}.notification-bell__panel{position:fixed;top:68px;left:12px;right:12px;width:auto;max-width:none;border-radius:8px}.notification-bell__head{padding:11px 12px}.notification-bell__list{max-height:min(420px,100vh - 150px)}.notification-bell__item{padding:11px 12px}}