.notification-shell{position:relative}.notification-badge{position:absolute;top:5px;right:5px;min-width:16px;height:16px;padding:0 4px;border:2px solid #fff;border-radius:8px;background:#dc2626;color:#fff;font-size:9px;font-weight:700;line-height:12px;text-align:center}.notification-panel{position:absolute;z-index:80;top:46px;right:0;width:min(380px,calc(100vw - 32px));max-height:440px;overflow:hidden;border:1px solid #dbe2ea;border-radius:8px;background:#fff;box-shadow:0 18px 48px #0f172a2b}.notification-panel>header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid #e5e7eb}.notification-list{max-height:380px;overflow-y:auto}.notification-item{width:100%;display:block;padding:12px 14px;border:0;border-bottom:1px solid #eef2f7;background:#fff;color:#334155;text-align:left;cursor:pointer}.notification-item:hover{background:#f8fafc}.notification-item.unread{background:#eff6ff}.notification-item strong,.notification-item small{display:block}.notification-item strong{margin-bottom:4px;color:#0f172a;font-size:12px}.notification-item span{display:block;font-size:11px;line-height:1.45}.notification-item small{margin-top:6px;color:#64748b;font-size:9px}.notification-empty{padding:28px 14px;color:#64748b;font-size:12px;text-align:center}