.notifications-dropdown{position:absolute;top:60px;right:120px;width:380px;max-height:500px;background:#fff;border-radius:12px;box-shadow:0 10px 40px rgb(0 0 0 / .15);z-index:10000;display:flex;flex-direction:column;overflow:hidden}.notifications-header{padding:16px 20px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;background:#fff;flex-shrink:0}.notifications-header h3{margin:0;font-size:16px;font-weight:700;color:#1f2937}.mark-all-read{font-size:13px;color:var(--color-secondary);background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background 0.2s}.mark-all-read:hover{background:#f0fdfa}.notifications-list{flex:1;overflow-y:auto;max-height:400px}.notification-item{display:flex;gap:12px;padding:12px 20px;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:background 0.2s}.notification-item:hover{background:#f9fafb}.notification-item.unread{background:#eff6ff}.notification-item.unread:hover{background:#dbeafe}.notif-icon{font-size:24px;flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border-radius:50%}.notification-item.unread .notif-icon{background:#dbeafe}.notif-content{flex:1;min-width:0}.notif-content h4{margin:0 0 4px;font-size:14px;font-weight:600;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notif-content p{margin:0 0 4px;font-size:13px;color:#6b7280;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notif-time{font-size:12px;color:#9ca3af}.notifications-footer{padding:12px 20px;border-top:1px solid #e5e7eb;text-align:center;background:#fff;flex-shrink:0}.load-more-btn{width:100%;padding:8px 16px;background:#f3f4f6;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;color:#374151;transition:background 0.2s}.load-more-btn:hover{background:#e5e7eb}.no-notifications{padding:60px 20px;text-align:center}.no-notifications p{color:#9ca3af;font-size:14px;margin:0}.loading{padding:60px 20px;text-align:center}.loading p{color:#9ca3af;font-size:14px;margin:8px 0 0}.spinner{width:30px;height:30px;border:3px solid #f3f4f6;border-top-color:var(--color-secondary);border-radius:50%;animation:spin 0.8s linear infinite;margin:0 auto 12px}@keyframes spin{to{transform:rotate(360deg)}}.notifications-list::-webkit-scrollbar{width:6px}.notifications-list::-webkit-scrollbar-track{background:#f3f4f6}.notifications-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.notifications-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media (max-width:768px){.notifications-dropdown{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;max-height:100vh;border-radius:0}.notifications-header{padding:16px}.notifications-list{max-height:none;height:calc(100vh - 120px)}.notification-item{padding:16px}.notifications-footer{padding:16px}}@media (max-width:1024px) and (min-width:769px){.notifications-dropdown{right:20px;width:360px}}@media (max-width:375px){.notif-content h4{font-size:13px}.notif-content p{font-size:12px}.notif-time{font-size:11px}}@media (prefers-color-scheme:dark){.notifications-dropdown{background:#1f2937;box-shadow:0 10px 40px rgb(0 0 0 / .5)}.notifications-header,.notifications-footer{background:#1f2937;border-color:#374151}.notifications-header h3{color:#f9fafb}.notification-item{border-color:#374151}.notification-item:hover{background:#374151}.notification-item.unread{background:#1e3a5f}.notification-item.unread:hover{background:#2d4a6d}.notif-icon{background:#374151}.notification-item.unread .notif-icon{background:#1e3a5f}.notif-content h4{color:#f9fafb}.notif-content p{color:#d1d5db}.load-more-btn{background:#374151;color:#f9fafb}.load-more-btn:hover{background:#4b5563}}.notif-header-actions {
    display: flex;
    align-items: center;
    gap: 12px;
}
.notif-see-all {
    font-size: 13px;
    font-weight: 600;
    color: var(--color-primary, #fb923c);
    text-decoration: none;
    white-space: nowrap;
}
.notif-see-all:hover {
    text-decoration: underline;
}