.notification-container.svelte-1qus79u{position:relative;z-index:1000;display:flex;align-items:center}.bell-button.svelte-1qus79u{position:relative;display:flex;align-items:center;justify-content:center;gap:var(--space-2);min-width:40px;height:40px;padding:0 var(--space-2);border:1px solid transparent;border-radius:var(--default-border-radius);background:transparent;color:var(--text-primary);cursor:pointer;transition:background-color var(--motion-duration-fast) var(--motion-ease-standard),border-color var(--motion-duration-fast) var(--motion-ease-standard),color var(--motion-duration-fast) var(--motion-ease-standard)}.bell-button.svelte-1qus79u:hover{background:var(--neutral-4)}.bell-button.has-unread.svelte-1qus79u{background:var(--accent-2);border-color:var(--accent-4)}.bell-button.has-unread.svelte-1qus79u:hover{background:var(--accent-3)}.bell-button.is-open.svelte-1qus79u{background:var(--accent-3);border-color:var(--accent-5)}.notification-count.svelte-1qus79u{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 var(--space-1);border-radius:var(--default-border-radius);border:1px solid var(--accent-4);background:var(--neutral-1);color:var(--accent-8);font-size:var(--font-sizes-xs);font-weight:var(--font-weights-bold);line-height:1;box-sizing:border-box}.notification-list.svelte-1qus79u{position:absolute;top:calc(100% + var(--space-2));right:0;width:360px;max-height:460px;padding:var(--space-3);border:1px solid var(--neutral-4);border-radius:var(--default-border-radius);background:var(--neutral-1);box-shadow:var(--default-shadow);display:flex;flex-direction:column;gap:var(--space-3)}.panel-header.svelte-1qus79u{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--neutral-3)}.header-copy.svelte-1qus79u{min-width:0;display:flex;flex-direction:column;gap:2px}.panel-eyebrow.svelte-1qus79u{color:var(--text-secondary);font-size:var(--font-sizes-xs);font-weight:var(--font-weights-bold);text-transform:uppercase;letter-spacing:.06em}.panel-title-row.svelte-1qus79u{display:flex;align-items:center;gap:var(--space-2)}.panel-title-row.svelte-1qus79u h2:where(.svelte-1qus79u){margin:0;color:var(--text-primary);font-size:var(--font-sizes-lg);font-weight:var(--font-weights-semibold);line-height:var(--line-heights-tight)}.panel-count.svelte-1qus79u{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 var(--space-1);border-radius:var(--default-border-radius);border:1px solid var(--accent-4);background:var(--accent-2);color:var(--accent-8);font-size:var(--font-sizes-xs);font-weight:var(--font-weights-bold)}.header-copy.svelte-1qus79u p:where(.svelte-1qus79u){margin:0;color:var(--text-secondary);font-size:var(--font-sizes-sm)}.header-actions.svelte-1qus79u{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.unread-toggle.svelte-1qus79u,.mark-all-btn.svelte-1qus79u{flex-shrink:0;padding:var(--space-1) var(--space-2);border:1px solid var(--neutral-4);border-radius:var(--default-border-radius);background:var(--neutral-2);color:var(--text-primary);font-size:var(--font-sizes-xs);font-weight:var(--font-weights-medium);cursor:pointer;transition:background-color var(--motion-duration-fast) var(--motion-ease-standard),border-color var(--motion-duration-fast) var(--motion-ease-standard)}.unread-toggle.svelte-1qus79u:hover,.mark-all-btn.svelte-1qus79u:hover{background:var(--neutral-3);border-color:var(--neutral-5)}.unread-toggle.active.svelte-1qus79u{border-color:var(--accent-4);background:var(--accent-2);color:var(--accent-8)}.open-center-btn.svelte-1qus79u{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--neutral-4);border-radius:var(--default-border-radius);background:var(--neutral-2);color:var(--text-primary);cursor:pointer;transition:background-color var(--motion-duration-fast) var(--motion-ease-standard),border-color var(--motion-duration-fast) var(--motion-ease-standard),color var(--motion-duration-fast) var(--motion-ease-standard)}.open-center-btn.svelte-1qus79u:hover{background:var(--neutral-3);border-color:var(--neutral-5);color:var(--accent-8)}.items-container.svelte-1qus79u{overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-2)}.notification-item.svelte-1qus79u{display:grid;grid-template-columns:auto 1fr auto;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--neutral-3);border-radius:var(--default-border-radius);background:var(--neutral-2);transition:background-color var(--motion-duration-fast) var(--motion-ease-standard),border-color var(--motion-duration-fast) var(--motion-ease-standard)}.notification-item.svelte-1qus79u:hover{background:var(--neutral-3);border-color:var(--neutral-4)}.notification-item.unread.svelte-1qus79u{background:color-mix(in srgb,var(--accent-2) 55%,var(--neutral-2));border-color:var(--accent-4)}.notification-item.task.svelte-1qus79u{background:color-mix(in srgb,var(--warning-2) 30%,var(--neutral-2))}.item-icon-shell.svelte-1qus79u{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--default-border-radius);background:var(--neutral-1);color:var(--text-secondary);border:1px solid var(--neutral-3)}.item-icon-shell.high.svelte-1qus79u{background:var(--warning-2);border-color:var(--warning-4)}.item-content.svelte-1qus79u{min-width:0;display:flex;flex-direction:column;gap:var(--space-2)}.item-meta.svelte-1qus79u{display:flex;align-items:center;gap:var(--space-2);color:var(--text-secondary);font-size:var(--font-sizes-xs)}.item-category.svelte-1qus79u{font-weight:var(--font-weights-semibold);color:var(--text-primary)}.item-separator.svelte-1qus79u{width:8px;height:1px;border-radius:0;background:var(--neutral-5);flex-shrink:0}.item-time.svelte-1qus79u{white-space:nowrap}.message-text.svelte-1qus79u{margin:0;color:var(--text-primary);font-size:var(--font-sizes-sm);line-height:var(--line-heights-normal);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.progress-group.svelte-1qus79u{display:flex;flex-direction:column;gap:var(--space-1)}.progress-container.svelte-1qus79u{width:100%;height:6px;background-color:var(--neutral-4);border-radius:var(--default-border-radius);overflow:hidden}.progress-bar.svelte-1qus79u{height:100%;background-color:var(--accent-6);transition:width var(--motion-duration-normal) var(--motion-ease-standard)}.progress-label.svelte-1qus79u{color:var(--text-secondary);font-size:var(--font-sizes-xs);font-weight:var(--font-weights-medium)}.mark-read-btn.svelte-1qus79u{flex-shrink:0;margin-top:1px;padding:var(--space-1);border:1px solid transparent;border-radius:var(--default-border-radius);background:transparent;color:var(--text-secondary);cursor:pointer;transition:background-color var(--motion-duration-fast) var(--motion-ease-standard),color var(--motion-duration-fast) var(--motion-ease-standard),border-color var(--motion-duration-fast) var(--motion-ease-standard)}.mark-read-btn.svelte-1qus79u:hover{background:var(--neutral-1);border-color:var(--neutral-4);color:var(--text-primary)}.empty-state.svelte-1qus79u{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border:1px dashed var(--neutral-4);border-radius:var(--default-border-radius);background:var(--neutral-2)}.empty-icon.svelte-1qus79u{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--default-border-radius);background:var(--neutral-1)}.empty-copy.svelte-1qus79u{display:flex;flex-direction:column;gap:2px}.empty-copy.svelte-1qus79u span:where(.svelte-1qus79u){color:var(--text-primary);font-size:var(--font-sizes-sm);font-weight:var(--font-weights-semibold)}.empty-copy.svelte-1qus79u p:where(.svelte-1qus79u){margin:0;color:var(--text-secondary);font-size:var(--font-sizes-sm)}