.bell-btn[data-v-7d4b1601],.notif-bell-wrapper[data-v-7d4b1601]{position:relative}.bell-btn[data-v-7d4b1601]{align-items:center;background:transparent;border:none;border-radius:8px;color:#374151;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:background .2s}.bell-btn[data-v-7d4b1601]:hover{background:#f1f5f9}.bell-badge[data-v-7d4b1601]{align-items:center;background:#ef4444;border-radius:8px;color:#fff;display:flex;font-size:.6rem;font-weight:700;height:16px;justify-content:center;line-height:1;min-width:16px;padding:0 3px;position:absolute;right:0;top:0}.notif-dropdown[data-v-7d4b1601]{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 8px 30px #0000001f;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:440px;z-index:1000}.notif-header[data-v-7d4b1601]{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:14px 16px}.notif-title[data-v-7d4b1601]{color:#1e293b;font-size:.95rem;font-weight:700}.mark-all-btn[data-v-7d4b1601]{background:none;border:none;border-radius:4px;color:#6366f1;cursor:pointer;font-size:.75rem;font-weight:600;padding:2px 6px;transition:background .2s}.mark-all-btn[data-v-7d4b1601]:hover{background:#ede9fe}.notif-empty[data-v-7d4b1601],.notif-loading[data-v-7d4b1601]{color:#475569;font-size:.9rem;padding:32px 16px;text-align:center}.notif-list[data-v-7d4b1601]{list-style:none;margin:0;max-height:360px;overflow-y:auto;padding:0}.notif-list[data-v-7d4b1601]::-webkit-scrollbar{width:4px}.notif-list[data-v-7d4b1601]::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}.notif-item[data-v-7d4b1601]{align-items:flex-start;border-bottom:1px solid #f8fafc;cursor:pointer;display:flex;gap:10px;padding:12px 16px;transition:background .15s}.notif-item[data-v-7d4b1601]:last-child{border-bottom:none}.notif-item[data-v-7d4b1601]:hover{background:#f8fafc}.notif-item.unread[data-v-7d4b1601]{background:#fafafe}.notif-item.unread[data-v-7d4b1601]:hover{background:#f0f0ff}.notif-dot[data-v-7d4b1601]{background:#6366f1;border-radius:50%;flex-shrink:0;height:8px;margin-top:6px;width:8px}.notif-content[data-v-7d4b1601]{flex:1;min-width:0}.notif-item-title[data-v-7d4b1601]{color:#1e293b;font-size:.85rem;font-weight:600;margin:0 0 2px}.notif-item-msg[data-v-7d4b1601]{color:#475569;font-size:.8rem;line-height:1.4;margin:0 0 4px}.notif-item-date[data-v-7d4b1601]{color:#b0bac9;font-size:.72rem}