.notif-dropdown__header[data-v-20c1dc3f]{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:var(--space-3) var(--space-4)}.notif-dropdown__title[data-v-20c1dc3f]{color:var(--color-text);font-size:var(--text-sm);font-weight:var(--font-semibold)}.notif-dropdown__mark-all[data-v-20c1dc3f]{background:transparent;border:none;color:var(--color-primary);cursor:pointer;font-size:var(--text-xs);padding:0}.notif-dropdown__mark-all[data-v-20c1dc3f]:hover{text-decoration:underline}.notif-dropdown__body[data-v-20c1dc3f]{max-height:360px;overflow-y:auto}.notif-skeleton[data-v-20c1dc3f]{animation:pulse-20c1dc3f 1.5s ease-in-out infinite;background:var(--color-surface-2);border-radius:var(--radius-md);height:60px;margin:var(--space-2) var(--space-4)}@keyframes pulse-20c1dc3f{0%,to{opacity:1}50%{opacity:.5}}.notif-dropdown__empty[data-v-20c1dc3f]{color:var(--color-text-muted);font-size:var(--text-sm);padding:var(--space-8) var(--space-4);text-align:center}.notif-dropdown__footer[data-v-20c1dc3f]{border-top:1px solid var(--color-border);padding:var(--space-2) var(--space-4)}.notif-dropdown__view-all[data-v-20c1dc3f]{color:var(--color-primary);display:block;font-size:var(--text-sm);padding:var(--space-1) 0;text-align:center;text-decoration:none}.notif-dropdown__view-all[data-v-20c1dc3f]:hover{text-decoration:underline}