.notification-center.svelte-2b5ykx{height:100%;display:flex;flex-direction:column;background:#fff;overflow:hidden;padding:20px}.header.svelte-2b5ykx{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid #e5e7eb;margin-bottom:20px}.title.svelte-2b5ykx{font-size:24px;font-weight:600;color:#111827;margin:0}.header-actions.svelte-2b5ykx{display:flex;align-items:center;gap:12px}.create-btn.svelte-2b5ykx{background:#10b981;color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.create-btn.svelte-2b5ykx:hover{background:#059669;transform:translateY(-1px)}.create-btn.svelte-2b5ykx .icon:where(.svelte-2b5ykx){font-size:16px}.status-btn.svelte-2b5ykx{background:#3b82f6;color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.status-btn.svelte-2b5ykx:hover{background:#2563eb;transform:translateY(-1px)}.status-btn.svelte-2b5ykx .icon:where(.svelte-2b5ykx){font-size:16px}.push-toggle-btn.svelte-2b5ykx{border:2px solid;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.push-toggle-btn.enabled.svelte-2b5ykx{background:#d1fae5;border-color:#10b981;color:#065f46}.push-toggle-btn.disabled.svelte-2b5ykx{background:#fef2f2;border-color:#fca5a5;color:#991b1b}.push-toggle-btn.svelte-2b5ykx:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.push-toggle-btn.svelte-2b5ykx:disabled{opacity:.6;cursor:not-allowed}.push-toggle-btn.svelte-2b5ykx .icon:where(.svelte-2b5ykx){font-size:16px}.refresh-btn.svelte-2b5ykx{background:#6b7280;color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.refresh-btn.svelte-2b5ykx:hover:not(:disabled){background:#4b5563;transform:translateY(-1px)}.refresh-btn.svelte-2b5ykx:disabled{opacity:.6;cursor:not-allowed}.unread-badge.svelte-2b5ykx{background:#ef4444;color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.mark-all-btn.svelte-2b5ykx{background:#10b981;color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.mark-all-btn.svelte-2b5ykx:hover{background:#059669}.error-banner.svelte-2b5ykx{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;margin-bottom:20px}.error-icon.svelte-2b5ykx{font-size:16px}.retry-btn.svelte-2b5ykx{background:#dc2626;color:#fff;border:none;border-radius:4px;padding:4px 12px;font-size:12px;cursor:pointer;margin-left:auto}.retry-btn.svelte-2b5ykx:hover{background:#b91c1c}@keyframes svelte-2b5ykx-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.read-stats.svelte-2b5ykx{font-size:12px;color:#10b981;font-weight:500}.filters.svelte-2b5ykx{display:flex;align-items:center;gap:20px;padding:16px;background:#f9fafb;border-radius:8px;margin-bottom:20px}.filter-group.svelte-2b5ykx{display:flex;align-items:center;gap:8px}.filter-label.svelte-2b5ykx{font-size:14px;font-weight:500;color:#374151}.filter-select.svelte-2b5ykx{padding:6px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#fff;color:#374151}.checkbox-filter.svelte-2b5ykx{display:flex;align-items:center;gap:6px;font-size:14px;color:#374151;cursor:pointer}.notifications-list.svelte-2b5ykx{flex:1;overflow-y:auto;padding-right:8px}.empty-state.svelte-2b5ykx{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;text-align:center;color:#6b7280}.empty-icon.svelte-2b5ykx{font-size:48px;margin-bottom:16px;opacity:.5}.empty-state.svelte-2b5ykx h3:where(.svelte-2b5ykx){font-size:18px;font-weight:600;margin:0 0 8px;color:#374151}.empty-state.svelte-2b5ykx p:where(.svelte-2b5ykx){font-size:14px;margin:0;max-width:300px}.notification-item.svelte-2b5ykx{position:relative;background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:12px;overflow:hidden;transition:all .2s ease}.notification-item.svelte-2b5ykx:hover{border-color:#d1d5db;box-shadow:0 2px 8px #0000001a}.notification-item.unread.svelte-2b5ykx{border-left:4px solid #10b981;background:#f0fdf4}.notification-item.read.svelte-2b5ykx{opacity:.8}.notification-item.priority-urgent.svelte-2b5ykx{border-left-color:#dc2626;background:#fef2f2}.notification-item.priority-high.svelte-2b5ykx{border-left-color:#ef4444}.notification-item.priority-medium.svelte-2b5ykx{border-left-color:#f59e0b}.notification-item.priority-low.svelte-2b5ykx{border-left-color:#6b7280}.notification-content.svelte-2b5ykx{padding:16px}.notification-header.svelte-2b5ykx{display:flex;align-items:flex-start;gap:12px;margin-bottom:8px}.notification-icon.svelte-2b5ykx{font-size:20px;flex-shrink:0;margin-top:2px}.notification-meta.svelte-2b5ykx{flex:1}.notification-title.svelte-2b5ykx{font-size:16px;font-weight:600;color:#111827;margin:0 0 4px;line-height:1.3}.notification-timestamp.svelte-2b5ykx{font-size:12px;color:#6b7280}.notification-details.svelte-2b5ykx{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.notification-creator.svelte-2b5ykx{font-size:12px;color:#10b981;font-weight:500}.notification-actions.svelte-2b5ykx{display:flex;gap:8px}.action-btn.svelte-2b5ykx{background:none;border:1px solid #d1d5db;border-radius:4px;padding:4px 8px;cursor:pointer;font-size:12px;transition:all .2s}.action-btn.svelte-2b5ykx:hover{background:#f3f4f6}.read-btn.svelte-2b5ykx:hover{border-color:#10b981;color:#10b981}.complete-task-btn.svelte-2b5ykx{background:#10b981;color:#fff;border:1px solid #10b981}.complete-task-btn.svelte-2b5ykx:hover{background:#059669;border-color:#059669}.delete-btn.svelte-2b5ykx:hover{border-color:#ef4444;color:#ef4444}.notification-message.svelte-2b5ykx{color:#374151;font-size:14px;line-height:1.5;padding-left:32px}.notification-targets.svelte-2b5ykx{display:flex;align-items:center;gap:8px;padding-left:32px;margin-top:8px;font-size:13px}.targets-label.svelte-2b5ykx{color:#6b7280;font-weight:500}.targets-list.svelte-2b5ykx{color:#374151;background-color:#f3f4f6;padding:2px 8px;border-radius:12px;font-size:12px;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unread-indicator.svelte-2b5ykx{position:absolute;top:16px;right:16px;width:8px;height:8px;background:#10b981;border-radius:50%}.notifications-list.svelte-2b5ykx::-webkit-scrollbar{width:6px}.notifications-list.svelte-2b5ykx::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.notifications-list.svelte-2b5ykx::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.notifications-list.svelte-2b5ykx::-webkit-scrollbar-thumb:hover{background:#94a3b8}.notification-attachments.svelte-2b5ykx{margin-top:12px;padding-left:32px;display:flex;flex-direction:column;gap:8px}.notification-image.svelte-2b5ykx{position:relative;display:inline-block;max-width:100%}.download-button.svelte-2b5ykx{position:absolute;top:8px;right:8px;background:#000000b3;color:#fff;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;text-decoration:none;opacity:.8}.download-button.svelte-2b5ykx:hover{background:#000000e6;transform:scale(1.1);opacity:1;color:#fff;text-decoration:none}.file-attachments.svelte-2b5ykx{margin-top:8px;border:1px solid #e5e7eb;border-radius:6px;overflow:hidden}.image-thumbnail.svelte-2b5ykx{border:none;background:none;padding:0;cursor:pointer;border-radius:8px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;position:relative;display:block}.image-thumbnail.svelte-2b5ykx:hover{transform:scale(1.02);box-shadow:0 4px 12px #00000026}.image-thumbnail.svelte-2b5ykx:hover .image-overlay:where(.svelte-2b5ykx){opacity:1}.notification-img.svelte-2b5ykx{max-width:300px;max-height:200px;min-width:80px;min-height:80px;-o-object-fit:cover;object-fit:cover;border-radius:8px;border:2px solid #e5e7eb;transition:border-color .2s ease;display:block}.notification-img.svelte-2b5ykx:hover{border-color:#6366f1}.image-overlay.svelte-2b5ykx{position:absolute;top:0;left:0;right:0;bottom:0;background:#0006;display:flex;align-items:center;justify-content:center;border-radius:8px;opacity:0;transition:opacity .2s ease}.expand-icon.svelte-2b5ykx{filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.attachment-count.svelte-2b5ykx{display:flex;align-items:center;margin-top:4px}.attachment-badge.svelte-2b5ykx{background:var(--color-primary);color:#fff;font-size:12px;padding:4px 8px;border-radius:12px;font-weight:500}