.header-actions.svelte-1qvit7f{display:flex;align-items:center;gap:var(--spacing-md)}.status-indicator.svelte-1qvit7f{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--text-secondary)}.status-dot.svelte-1qvit7f{width:8px;height:8px;border-radius:50%;background:var(--text-quaternary)}.status-dot.success.svelte-1qvit7f{background:var(--accent-green)}.status-dot.warning.svelte-1qvit7f{background:var(--accent-orange)}.status-dot.error.svelte-1qvit7f{background:var(--accent-red)}.config-btn.svelte-1qvit7f{display:flex;align-items:center;gap:var(--spacing-xs);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);color:var(--text-primary);font-size:var(--font-size-sm);cursor:pointer;transition:all .2s ease}.config-btn.svelte-1qvit7f:hover{background:var(--bg-elevated);transform:translateY(-1px)}.notifications-header.svelte-1qvit7f{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-xl);gap:var(--spacing-lg)}.notifications-title.svelte-1qvit7f h2:where(.svelte-1qvit7f){margin:0;font-size:var(--font-size-xl);color:var(--text-primary)}.notifications-title.svelte-1qvit7f p:where(.svelte-1qvit7f){margin:var(--spacing-xs) 0 0 0;color:var(--text-secondary);font-size:var(--font-size-sm)}.notifications-actions.svelte-1qvit7f{display:flex;gap:var(--spacing-sm);flex-shrink:0}.btn.svelte-1qvit7f{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .2s ease;border:none;white-space:nowrap}.btn.svelte-1qvit7f:disabled{opacity:.5;cursor:not-allowed}.btn-primary.svelte-1qvit7f{background:var(--accent-blue);color:#fff}.btn-primary.svelte-1qvit7f:hover:not(:disabled){background:var(--accent-blue-hover);transform:translateY(-1px)}.btn-secondary.svelte-1qvit7f{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary.svelte-1qvit7f:hover:not(:disabled){background:var(--bg-elevated);transform:translateY(-1px)}.btn-spinner.svelte-1qvit7f{width:14px;height:14px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:svelte-1qvit7f-spin 1s linear infinite}.empty-state.svelte-1qvit7f{text-align:center;padding:var(--spacing-xl) var(--spacing-lg);margin:var(--spacing-xl) 0}.empty-icon.svelte-1qvit7f{font-size:48px;margin-bottom:var(--spacing-lg);opacity:.5}.empty-state.svelte-1qvit7f h3:where(.svelte-1qvit7f){margin:0 0 var(--spacing-sm) 0;color:var(--text-primary);font-size:var(--font-size-lg)}.empty-state.svelte-1qvit7f p:where(.svelte-1qvit7f){margin:0 0 var(--spacing-lg) 0;color:var(--text-secondary);font-size:var(--font-size-base)}.notifications-list.svelte-1qvit7f{display:flex;flex-direction:column;gap:var(--spacing-md)}.notification-card.svelte-1qvit7f{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:all .2s ease}.notification-card.svelte-1qvit7f:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.notification-header.svelte-1qvit7f{display:flex;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.notification-icon.svelte-1qvit7f{font-size:var(--font-size-xl);flex-shrink:0}.notification-title.svelte-1qvit7f{flex:1;min-width:0}.notification-title.svelte-1qvit7f h4:where(.svelte-1qvit7f){margin:0 0 var(--spacing-xs) 0;color:var(--text-primary);font-size:var(--font-size-base);font-weight:500}.notification-meta.svelte-1qvit7f{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xs)}.notification-time.svelte-1qvit7f{color:var(--text-secondary);font-weight:500}.notification-relative.svelte-1qvit7f{color:var(--text-tertiary)}.notification-status.svelte-1qvit7f{font-weight:500;text-transform:uppercase;font-size:10px;letter-spacing:.5px}.notification-body.svelte-1qvit7f p:where(.svelte-1qvit7f){margin:0 0 var(--spacing-sm) 0;color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.4}.notification-data.svelte-1qvit7f{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.data-tag.svelte-1qvit7f{display:inline-flex;align-items:center;padding:2px var(--spacing-xs);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:10px;color:var(--text-tertiary);font-weight:500}.data-tag.category-debug.svelte-1qvit7f{background:#ff453a1a;border-color:var(--accent-red);color:var(--accent-red)}.data-tag.category-feature.svelte-1qvit7f{background:#30d1581a;border-color:var(--accent-green);color:var(--accent-green)}.data-tag.category-testing.svelte-1qvit7f{background:#ff9f0a1a;border-color:var(--accent-orange);color:var(--accent-orange)}.last-update.svelte-1qvit7f{text-align:center;margin-top:var(--spacing-xl);padding:var(--spacing-md);color:var(--text-tertiary);font-size:var(--font-size-xs)}@keyframes svelte-1qvit7f-spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.notifications-header.svelte-1qvit7f{flex-direction:column;gap:var(--spacing-md)}.notifications-actions.svelte-1qvit7f{align-self:stretch}.btn.svelte-1qvit7f{flex:1}.notification-meta.svelte-1qvit7f{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}}