.notifications-container.svelte-h4z7y5{color:#1f2937;max-width:600px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.notifications-header.svelte-h4z7y5{color:#111827;margin-bottom:20px;font-size:1.5rem;font-weight:600}.notifications-list.svelte-h4z7y5{flex-direction:column;gap:12px;display:flex}.notification-item.svelte-h4z7y5{cursor:pointer;background-color:#fff;border-radius:12px;align-items:flex-start;padding:16px;transition:all .2s;display:flex;position:relative;box-shadow:0 2px 8px #00000014}.notification-item.svelte-h4z7y5:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.notification-item.unread.svelte-h4z7y5{background-color:#f0f7ff}.notification-icon.svelte-h4z7y5{color:#4a7dfc;background-color:#eef4ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin-right:16px;display:flex;position:relative}.notification-icon.svelte-h4z7y5 svg:where(.svelte-h4z7y5){width:20px;height:20px}.unread-indicator.svelte-h4z7y5{background-color:#e53e3e;border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;top:-2px;right:-2px}.notification-content.svelte-h4z7y5{flex:1}.notification-title.svelte-h4z7y5{-webkit-line-clamp:2;line-clamp:2;color:#374151;-webkit-box-orient:vertical;margin:0;font-size:1rem;font-weight:500;line-height:1.4;display:-webkit-box;overflow:hidden}.notification-date.svelte-h4z7y5{color:#6b7280;margin-top:6px;font-size:.85rem;display:block}.empty-state.svelte-h4z7y5,.error-state.svelte-h4z7y5,.loading-state.svelte-h4z7y5{text-align:center;background-color:#f9f9f9;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.empty-state.svelte-h4z7y5 svg:where(.svelte-h4z7y5),.error-state.svelte-h4z7y5 svg:where(.svelte-h4z7y5){color:#9ca3af;width:40px;height:40px;margin-bottom:16px}.empty-state.svelte-h4z7y5 h3:where(.svelte-h4z7y5){color:#4b5563;margin:0 0 8px;font-size:1.2rem;font-weight:600}.empty-state.svelte-h4z7y5 p:where(.svelte-h4z7y5),.error-state.svelte-h4z7y5 p:where(.svelte-h4z7y5){color:#6b7280;margin:0;font-size:.95rem}.loading-spinner.svelte-h4z7y5{border:3px solid #4a7dfc33;border-top-color:#4a7dfc;border-radius:50%;width:36px;height:36px;margin-bottom:16px;animation:1s linear infinite svelte-h4z7y5-spin}@keyframes svelte-h4z7y5-spin{to{transform:rotate(360deg)}}.retry-button.svelte-h4z7y5{color:#4a7dfc;cursor:pointer;background-color:#f0f7ff;border:none;border-radius:6px;margin-top:16px;padding:8px 16px;font-weight:500}.modal-backdrop.svelte-h4z7y5{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background-color:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content.svelte-h4z7y5{background-color:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:500px;max-height:90vh;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 25px #00000026,0 25px 50px #0000000d}.modal-header.svelte-h4z7y5{border-bottom:1px solid #f3f4f6;align-items:flex-start;gap:16px;padding:24px 24px 16px;display:flex;position:relative}.modal-icon.svelte-h4z7y5{color:#4a7dfc;background-color:#eef4ff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.modal-icon.svelte-h4z7y5 svg:where(.svelte-h4z7y5){width:24px;height:24px}.close-button.svelte-h4z7y5{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.close-button.svelte-h4z7y5 svg:where(.svelte-h4z7y5){width:18px;height:18px}.close-button.svelte-h4z7y5:hover{color:#4b5563;background-color:#f3f4f6}.modal-title.svelte-h4z7y5{color:#111827;margin:0 0 6px;padding-right:24px;font-size:1.25rem;font-weight:600}.modal-date.svelte-h4z7y5{color:#6b7280;margin:0;font-size:.85rem}.modal-body.svelte-h4z7y5{color:#4b5563;flex:1;padding:20px 24px;line-height:1.6;overflow-y:auto}.modal-footer.svelte-h4z7y5{border-top:1px solid #f3f4f6;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.secondary-button.svelte-h4z7y5{color:#4b5563;cursor:pointer;background-color:#f3f4f6;border:none;border-radius:8px;justify-content:center;align-items:center;padding:10px 20px;font-size:.95rem;font-weight:500;transition:all .2s;display:inline-flex}.secondary-button.svelte-h4z7y5:hover{color:#374151;background-color:#e5e7eb}