.notif-bell[data-v-46c84ec7]{position:relative}.notif-badge[data-v-46c84ec7]{position:absolute;top:-4px;right:-6px;min-width:18px;height:18px;font-size:10px;padding:0 4px;border-radius:9px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.notif-dropdown[data-v-46c84ec7]{width:340px;max-height:480px;background:#fff;border-radius:8px;-webkit-box-shadow:0 8px 32px rgba(0,0,0,.18);box-shadow:0 8px 32px rgba(0,0,0,.18);z-index:9999;overflow-y:auto}.notif-header[data-v-46c84ec7]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:12px 16px 8px;font-weight:700;font-size:14px;border-bottom:1px solid #eee;position:sticky;top:0;background:#fff}.notif-empty[data-v-46c84ec7]{padding:24px;text-align:center;color:#aaa;font-size:13px}.notif-item[data-v-46c84ec7]{padding:12px 16px;border-bottom:1px solid #f5f5f5;cursor:pointer;-webkit-transition:background .15s;transition:background .15s}.notif-item[data-v-46c84ec7]:hover{background:#f9f9f9}.notif-item.unread[data-v-46c84ec7]{background:#f0f6ff}.notif-item.unread[data-v-46c84ec7]:hover{background:#e8f0ff}.notif-title[data-v-46c84ec7]{font-size:13px;font-weight:600;color:#222}.notif-body[data-v-46c84ec7]{font-size:12px;color:#555;margin-top:3px;line-height:1.5}.notif-time[data-v-46c84ec7]{font-size:11px;color:#aaa;margin-top:4px}