.NotificationCard-module__ZY62oq__card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-sm);flex-shrink:0;width:100%;height:auto;min-height:80px;transition:box-shadow .2s,transform .1s;display:flex;position:relative;overflow:hidden}.NotificationCard-module__ZY62oq__card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.NotificationCard-module__ZY62oq__blueStripe{background:0 0;flex-shrink:0;align-self:stretch;width:4px;transition:background .2s}.NotificationCard-module__ZY62oq__unread .NotificationCard-module__ZY62oq__blueStripe{background:var(--color-brand-500)}.NotificationCard-module__ZY62oq__content{padding:var(--space-4);align-items:flex-start;gap:var(--space-4);flex:1;width:100%;min-width:0;height:auto;display:flex}.NotificationCard-module__ZY62oq__avatarContainer{flex-shrink:0}.NotificationCard-module__ZY62oq__avatar{object-fit:cover;background:var(--color-surface-alt);border-radius:50%;width:50px;height:50px}.NotificationCard-module__ZY62oq__placeholderAvatar{background-color:#e3f2fd}.NotificationCard-module__ZY62oq__textContainer{flex-direction:column;flex:1;gap:2px;min-width:0;height:auto;display:flex}.NotificationCard-module__ZY62oq__headerRow{justify-content:space-between;align-items:baseline;gap:var(--space-2);display:flex}.NotificationCard-module__ZY62oq__title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.NotificationCard-module__ZY62oq__timestamp{font-size:var(--font-size-xs);color:var(--color-text-muted);flex-shrink:0}.NotificationCard-module__ZY62oq__message{font-size:var(--font-size-sm);color:var(--color-text-soft);-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;word-break:break-word;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.NotificationCard-module__ZY62oq__message.NotificationCard-module__ZY62oq__expanded{-webkit-line-clamp:unset;line-clamp:unset;white-space:pre-wrap;display:block;overflow:visible}.NotificationCard-module__ZY62oq__readMoreBtn{color:var(--color-brand-600);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);cursor:pointer;text-align:left;background:0 0;border:none;width:fit-content;margin-top:4px;padding:0}.NotificationCard-module__ZY62oq__readMoreBtn:hover{color:var(--color-brand-700);text-decoration:underline}.NotificationCard-module__ZY62oq__actions{padding-left:var(--space-2);flex-direction:column;justify-content:center;align-self:stretch;align-items:flex-end;display:flex}.NotificationCard-module__ZY62oq__deleteBtn{color:var(--color-accent-red-500);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:background .2s;display:flex}.NotificationCard-module__ZY62oq__deleteBtn:hover{background:var(--color-danger-bg)}.NotificationCard-module__ZY62oq__trashIcon{width:18px;height:18px}.NotificationCard-module__ZY62oq__unread{background:var(--color-brand-50);animation:2s ease-out NotificationCard-module__ZY62oq__highlightNew}@keyframes NotificationCard-module__ZY62oq__highlightNew{0%{background-color:var(--color-brand-100)}to{background-color:var(--color-brand-50)}}.NotificationCard-module__ZY62oq__unread .NotificationCard-module__ZY62oq__title{color:var(--color-brand-900);font-weight:var(--font-weight-bold)}.NotificationCard-module__ZY62oq__unreadDot{background:var(--color-brand-500);border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:1.5s infinite NotificationCard-module__ZY62oq__pulseDot;box-shadow:0 0 0 2px #2d60ff1a}@keyframes NotificationCard-module__ZY62oq__pulseDot{0%{transform:scale(1);box-shadow:0 0 #2d60ff66}70%{transform:scale(1.1);box-shadow:0 0 0 6px #2d60ff00}to{transform:scale(1);box-shadow:0 0 #2d60ff00}}
.NotificationDropdown-module___JecEq__dropdownOverlay{z-index:100;background:0 0;position:fixed;inset:0}.NotificationDropdown-module___JecEq__dropdownContainer{margin-top:var(--space-2);width:400px;max-width:calc(100vw - var(--space-8));background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:1000;flex-direction:column;animation:.2s ease-out NotificationDropdown-module___JecEq__dropdownFadeIn;display:flex;position:absolute;top:100%;right:0;overflow:hidden}@media (max-width:640px){.NotificationDropdown-module___JecEq__dropdownContainer{top:var(--topbar-height);left:var(--space-4);right:var(--space-4);width:auto;max-width:none;margin-top:var(--space-2);max-height:calc(100vh - var(--topbar-height) - var(--space-8));position:fixed}}@keyframes NotificationDropdown-module___JecEq__dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.NotificationDropdown-module___JecEq__header{padding:var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-surface);justify-content:space-between;align-items:center;display:flex}.NotificationDropdown-module___JecEq__headerTitle{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0}.NotificationDropdown-module___JecEq__headerActions{gap:var(--space-2);display:flex}.NotificationDropdown-module___JecEq__actionBtn{border:1px solid var(--color-border-subtle);cursor:pointer;border-radius:var(--radius-sm);color:var(--color-text-soft);background:0 0;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.NotificationDropdown-module___JecEq__actionBtn:hover{background:var(--color-brand-50);border-color:var(--color-brand-200);color:var(--color-brand-600)}.NotificationDropdown-module___JecEq__clearBtn:hover{background:var(--color-danger-bg);border-color:var(--color-accent-red-500);color:var(--color-accent-red-500)}.NotificationDropdown-module___JecEq__list{max-height:480px;padding:var(--space-3);flex-direction:column;gap:8px;display:flex;overflow-y:auto}.NotificationDropdown-module___JecEq__list::-webkit-scrollbar{width:6px}.NotificationDropdown-module___JecEq__list::-webkit-scrollbar-track{background:0 0}.NotificationDropdown-module___JecEq__list::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.NotificationDropdown-module___JecEq__emptyState{padding:var(--space-12) var(--space-4);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm)}.NotificationDropdown-module___JecEq__loadMoreContainer{padding:var(--space-4);border-top:1px solid var(--color-border-subtle);background:var(--color-surface);justify-content:center;display:flex}.NotificationDropdown-module___JecEq__loadMoreBtn{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-brand-600);cursor:pointer;padding:var(--space-1) var(--space-4);border-radius:var(--radius-pill);background:0 0;border:none;transition:all .2s}.NotificationDropdown-module___JecEq__loadMoreBtn:hover{background:var(--color-brand-100);color:var(--color-brand-700)}.NotificationDropdown-module___JecEq__loadMoreBtn:disabled{opacity:.5;cursor:not-allowed}