.notification-item.svelte-syrksn{display:flex;align-items:flex-start;gap:var(--sg-space-3, .75rem);padding:var(--sg-space-3, .75rem) var(--sg-space-4, 1rem);background:var(--sg-white, #fff);border-radius:var(--sg-radius-lg, .5rem);cursor:pointer;transition:all var(--sg-transition-fast, .15s ease-out);position:relative}.notification-item.svelte-syrksn:hover{background:var(--sg-gray-50, #f8fafc)}.notification-item.unread.svelte-syrksn{background:var(--sg-primary-50, #f0f9f0)}.notification-item.unread.svelte-syrksn:hover{background:var(--sg-primary-100, #dcf2dc)}.notification-item.compact.svelte-syrksn{padding:var(--sg-space-2, .5rem) var(--sg-space-3, .75rem)}.notification-icon.svelte-syrksn{width:36px;height:36px;border-radius:var(--sg-radius-full, 9999px);display:flex;align-items:center;justify-content:center;flex-shrink:0}.notification-item.info.svelte-syrksn .notification-icon:where(.svelte-syrksn){background:var(--sg-info, #3b82f6);color:#fff}.notification-item.success.svelte-syrksn .notification-icon:where(.svelte-syrksn){background:var(--sg-success, #10b981);color:#fff}.notification-item.warning.svelte-syrksn .notification-icon:where(.svelte-syrksn){background:var(--sg-warning, #f59e0b);color:#fff}.notification-item.error.svelte-syrksn .notification-icon:where(.svelte-syrksn){background:var(--sg-error, #ef4444);color:#fff}.compact.svelte-syrksn .notification-icon:where(.svelte-syrksn){width:28px;height:28px;font-size:var(--sg-text-sm, .875rem)}.notification-content.svelte-syrksn{flex:1;min-width:0}.notification-header.svelte-syrksn{display:flex;align-items:center;gap:var(--sg-space-2, .5rem);margin-bottom:var(--sg-space-1, .25rem)}.notification-title.svelte-syrksn{font-weight:var(--sg-font-weight-semibold, 600);font-size:var(--sg-text-sm, .875rem);color:var(--sg-gray-800, #1e293b)}.unread-badge.svelte-syrksn{width:8px;height:8px;border-radius:var(--sg-radius-full, 9999px);background:var(--sg-primary-500, #2f7a2f);flex-shrink:0}.notification-message.svelte-syrksn{font-size:var(--sg-text-sm, .875rem);color:var(--sg-gray-600, #475569);margin:0 0 var(--sg-space-1, .25rem) 0;line-height:var(--sg-leading-snug, 1.375);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.compact.svelte-syrksn .notification-message:where(.svelte-syrksn){-webkit-line-clamp:1}.notification-time.svelte-syrksn{font-size:var(--sg-text-xs, .75rem);color:var(--sg-gray-400, #94a3b8)}.delete-btn.svelte-syrksn{position:absolute;top:var(--sg-space-2, .5rem);right:var(--sg-space-2, .5rem);width:24px;height:24px;border:none;background:transparent;color:var(--sg-gray-400, #94a3b8);border-radius:var(--sg-radius-sm, .25rem);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all var(--sg-transition-fast, .15s ease-out)}.notification-item.svelte-syrksn:hover .delete-btn:where(.svelte-syrksn){opacity:1}.delete-btn.svelte-syrksn:hover{background:var(--sg-gray-200, #e2e8f0);color:var(--sg-error, #ef4444)}.dropdown-overlay.svelte-g1l1mq{position:fixed;inset:0;z-index:1099}.notification-dropdown.svelte-g1l1mq{position:absolute;top:calc(100% + 8px);right:0;width:380px;max-height:480px;background:var(--sg-white, #fff);border-radius:var(--sg-radius-xl, .75rem);box-shadow:var(--sg-shadow-xl, 0 20px 25px -5px rgb(0 0 0 / .1));z-index:1100;display:flex;flex-direction:column;overflow:hidden}.dropdown-header.svelte-g1l1mq{display:flex;align-items:center;justify-content:space-between;padding:var(--sg-space-4, 1rem);border-bottom:1px solid var(--sg-gray-200, #e2e8f0)}.dropdown-title.svelte-g1l1mq{margin:0;font-size:var(--sg-text-lg, 1.125rem);font-weight:var(--sg-font-weight-semibold, 600);color:var(--sg-gray-800, #1e293b);display:flex;align-items:center;gap:var(--sg-space-2, .5rem)}.count-badge.svelte-g1l1mq{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;font-size:var(--sg-text-xs, .75rem);font-weight:var(--sg-font-weight-semibold, 600);color:#fff;background:var(--sg-primary-500, #2f7a2f);border-radius:var(--sg-radius-full, 9999px)}.dropdown-actions.svelte-g1l1mq{display:flex;gap:var(--sg-space-1, .25rem)}.action-btn.svelte-g1l1mq{width:32px;height:32px;border:none;background:transparent;color:var(--sg-gray-500, #64748b);border-radius:var(--sg-radius-md, .375rem);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--sg-transition-fast, .15s ease-out)}.action-btn.svelte-g1l1mq:hover{background:var(--sg-gray-100, #f1f5f9);color:var(--sg-gray-700, #334155)}.action-btn.danger.svelte-g1l1mq:hover{background:#ef44441a;color:var(--sg-error, #ef4444)}.dropdown-body.svelte-g1l1mq{flex:1;overflow-y:auto;padding:var(--sg-space-2, .5rem)}.notification-list.svelte-g1l1mq{display:flex;flex-direction:column;gap:var(--sg-space-1, .25rem)}.empty-state.svelte-g1l1mq{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sg-space-3, .75rem);padding:var(--sg-space-10, 2.5rem) var(--sg-space-4, 1rem);color:var(--sg-gray-400, #94a3b8)}.empty-state.svelte-g1l1mq i:where(.svelte-g1l1mq){font-size:var(--sg-text-3xl, 1.875rem)}.empty-state.svelte-g1l1mq span:where(.svelte-g1l1mq){font-size:var(--sg-text-sm, .875rem)}.dropdown-footer.svelte-g1l1mq{padding:var(--sg-space-3, .75rem) var(--sg-space-4, 1rem);border-top:1px solid var(--sg-gray-200, #e2e8f0);text-align:center}.view-all-link.svelte-g1l1mq{display:inline-flex;align-items:center;gap:var(--sg-space-2, .5rem);font-size:var(--sg-text-sm, .875rem);font-weight:var(--sg-font-weight-medium, 500);color:var(--sg-primary-500, #2f7a2f);text-decoration:none;transition:color var(--sg-transition-fast, .15s ease-out)}.view-all-link.svelte-g1l1mq:hover{color:var(--sg-primary-600, #236723)}.view-all-link.svelte-g1l1mq i:where(.svelte-g1l1mq){font-size:var(--sg-text-xs, .75rem)}@media (max-width: 480px){.notification-dropdown.svelte-g1l1mq{position:fixed;top:70px;left:var(--sg-space-4, 1rem);right:var(--sg-space-4, 1rem);width:auto;max-height:calc(100vh - 90px)}}.notification-bell-wrapper.svelte-1sfz7gx{position:relative}.notification-bell.svelte-1sfz7gx{position:relative;width:40px;height:40px;border:none;background:transparent;color:var(--sg-gray-500, #64748b);border-radius:var(--sg-radius-full, 9999px);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--sg-transition-fast, .15s ease-out);font-size:1.125rem}.notification-bell.svelte-1sfz7gx:hover{background:var(--sg-gray-100, #f1f5f9);color:var(--sg-gray-700, #334155)}.notification-bell.has-notifications.svelte-1sfz7gx{color:var(--sg-primary-500, #2f7a2f)}.notification-bell.disconnected.svelte-1sfz7gx{opacity:.5}.notification-badge.svelte-1sfz7gx{position:absolute;top:2px;right:2px;min-width:18px;height:18px;padding:0 5px;font-size:.65rem;font-weight:var(--sg-font-weight-bold, 700);color:#fff;background:var(--sg-error, #ef4444);border-radius:var(--sg-radius-full, 9999px);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #ef44444d;animation:svelte-1sfz7gx-pulse 2s infinite}@keyframes svelte-1sfz7gx-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.notification-bell.svelte-1sfz7gx:hover .notification-badge:where(.svelte-1sfz7gx){animation:none}.toast-container.svelte-1yyb6yn{position:fixed;top:80px;right:var(--sg-space-6, 1.5rem);display:flex;flex-direction:column;gap:var(--sg-space-3, .75rem);z-index:1300;pointer-events:none}.notification-toast.svelte-1yyb6yn{display:flex;align-items:flex-start;gap:var(--sg-space-3, .75rem);min-width:320px;max-width:400px;padding:var(--sg-space-4, 1rem);background:var(--sg-white, #fff);border-radius:var(--sg-radius-xl, .75rem);box-shadow:var(--sg-shadow-xl, 0 20px 25px -5px rgb(0 0 0 / .1));cursor:pointer;pointer-events:auto;border-left:4px solid transparent}.notification-toast.info.svelte-1yyb6yn{border-left-color:var(--sg-info, #3b82f6)}.notification-toast.success.svelte-1yyb6yn{border-left-color:var(--sg-success, #10b981)}.notification-toast.warning.svelte-1yyb6yn{border-left-color:var(--sg-warning, #f59e0b)}.notification-toast.error.svelte-1yyb6yn{border-left-color:var(--sg-error, #ef4444)}.toast-icon.svelte-1yyb6yn{width:32px;height:32px;border-radius:var(--sg-radius-full, 9999px);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:var(--sg-text-sm, .875rem)}.notification-toast.info.svelte-1yyb6yn .toast-icon:where(.svelte-1yyb6yn){background:#3b82f61a;color:var(--sg-info, #3b82f6)}.notification-toast.success.svelte-1yyb6yn .toast-icon:where(.svelte-1yyb6yn){background:#10b9811a;color:var(--sg-success, #10b981)}.notification-toast.warning.svelte-1yyb6yn .toast-icon:where(.svelte-1yyb6yn){background:#f59e0b1a;color:var(--sg-warning, #f59e0b)}.notification-toast.error.svelte-1yyb6yn .toast-icon:where(.svelte-1yyb6yn){background:#ef44441a;color:var(--sg-error, #ef4444)}.toast-content.svelte-1yyb6yn{flex:1;min-width:0}.toast-title.svelte-1yyb6yn{display:block;font-weight:var(--sg-font-weight-semibold, 600);font-size:var(--sg-text-sm, .875rem);color:var(--sg-gray-800, #1e293b);margin-bottom:var(--sg-space-1, .25rem)}.toast-message.svelte-1yyb6yn{margin:0;font-size:var(--sg-text-sm, .875rem);color:var(--sg-gray-600, #475569);line-height:var(--sg-leading-snug, 1.375);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.toast-close.svelte-1yyb6yn{width:28px;height:28px;border:none;background:transparent;color:var(--sg-gray-400, #94a3b8);border-radius:var(--sg-radius-md, .375rem);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--sg-transition-fast, .15s ease-out)}.toast-close.svelte-1yyb6yn:hover{background:var(--sg-gray-100, #f1f5f9);color:var(--sg-gray-600, #475569)}@media (max-width: 480px){.toast-container.svelte-1yyb6yn{left:var(--sg-space-4, 1rem);right:var(--sg-space-4, 1rem)}.notification-toast.svelte-1yyb6yn{min-width:auto;max-width:none}}