.mobile-notification-center.svelte-12gt5qe.svelte-12gt5qe{position:fixed;top:0;right:0;bottom:0;left:0;background:#fff;z-index:9999;display:flex;flex-direction:column;overflow:hidden}.notification-header.svelte-12gt5qe.svelte-12gt5qe{background:#fff;border-bottom:1px solid #e5e7eb;padding:1rem;flex-shrink:0}.header-top.svelte-12gt5qe.svelte-12gt5qe{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.header-title.svelte-12gt5qe.svelte-12gt5qe{font-size:1.25rem;font-weight:600;color:#111827}.close-button.svelte-12gt5qe.svelte-12gt5qe{padding:.5rem;background:#fff;border:1.5px solid #e5e7eb;border-radius:1.5rem;color:#6b7280;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.close-button.svelte-12gt5qe.svelte-12gt5qe:hover{background:#f9fafb;border-color:#d1d5db}.close-button.svelte-12gt5qe.svelte-12gt5qe:active{background:#f3f4f6;transform:scale(.95)}.quick-actions.svelte-12gt5qe.svelte-12gt5qe{display:flex;gap:.5rem;margin-bottom:1rem}.action-button.svelte-12gt5qe.svelte-12gt5qe{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem 1rem;background:#fff;border:1.5px solid #047857;border-radius:1.5rem;font-size:.8125rem;font-weight:600;color:#047857;cursor:pointer;transition:all .2s ease;min-height:44px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;white-space:nowrap;flex-shrink:0}.action-button.svelte-12gt5qe.svelte-12gt5qe:hover{background:#f0fdf4;border-color:#047857;box-shadow:0 2px 4px #04785726}.action-button.svelte-12gt5qe.svelte-12gt5qe:disabled{opacity:.5;cursor:not-allowed;border-color:#d1d5db;color:#9ca3af}.action-button.svelte-12gt5qe.svelte-12gt5qe:not(:disabled):active{background:#047857;color:#fff;transform:scale(.98)}.action-button.svelte-12gt5qe svg{width:14px;height:14px;color:inherit}.search-container.svelte-12gt5qe.svelte-12gt5qe{position:relative;margin-bottom:1rem}.search-input.svelte-12gt5qe.svelte-12gt5qe{width:100%;padding:.75rem .75rem .75rem 2.75rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;color:#374151;transition:all .2s}.search-input.svelte-12gt5qe.svelte-12gt5qe:focus{outline:none;border-color:#10b981;background:#fff}.filter-tabs.svelte-12gt5qe.svelte-12gt5qe{display:flex;gap:.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.filter-tabs.svelte-12gt5qe.svelte-12gt5qe::-webkit-scrollbar{display:none}.filter-tab.svelte-12gt5qe.svelte-12gt5qe{position:relative;padding:.5rem 1rem;background:transparent;border:1px solid #e5e7eb;border-radius:2rem;font-size:.875rem;font-weight:500;color:#6b7280;white-space:nowrap;cursor:pointer;transition:all .2s;flex-shrink:0}.filter-tab.active.svelte-12gt5qe.svelte-12gt5qe{background:#10b981;border-color:#10b981;color:#fff}.filter-tab.svelte-12gt5qe.svelte-12gt5qe:not(.active):active{background:#f3f4f6}.badge.svelte-12gt5qe.svelte-12gt5qe{position:absolute;top:-.25rem;right:-.25rem;min-width:1.25rem;height:1.25rem;padding:0 .25rem;background:#ef4444;color:#fff;font-size:.75rem;font-weight:600;border-radius:.625rem;display:flex;align-items:center;justify-content:center}.settings-panel.svelte-12gt5qe.svelte-12gt5qe{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem;margin-bottom:1rem;animation:svelte-12gt5qe-slideDown .3s ease}.settings-title.svelte-12gt5qe.svelte-12gt5qe{font-size:1rem;font-weight:600;color:#111827;margin-bottom:.75rem}.settings-list.svelte-12gt5qe.svelte-12gt5qe{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.setting-item.svelte-12gt5qe.svelte-12gt5qe{display:flex;align-items:center;gap:.75rem;cursor:pointer}.setting-checkbox.svelte-12gt5qe.svelte-12gt5qe{width:1.25rem;height:1.25rem;accent-color:#10b981}.save-button.svelte-12gt5qe.svelte-12gt5qe{width:100%;padding:.75rem;background:#10b981;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;color:#fff;cursor:pointer;transition:all .2s}.save-button.svelte-12gt5qe.svelte-12gt5qe:active{background:#059669;transform:scale(.98)}.refresh-indicator.svelte-12gt5qe.svelte-12gt5qe{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:#f0fdf4;color:#10b981;font-size:.875rem;font-weight:500}.refresh-spinner.svelte-12gt5qe.svelte-12gt5qe{width:1rem;height:1rem;border:2px solid #10b981;border-top-color:transparent;border-radius:50%;animation:svelte-12gt5qe-spin .6s linear infinite}.notifications-container.svelte-12gt5qe.svelte-12gt5qe{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 1rem 1rem}.empty-state.svelte-12gt5qe.svelte-12gt5qe{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center}.empty-title.svelte-12gt5qe.svelte-12gt5qe{font-size:1.125rem;font-weight:600;color:#374151;margin-bottom:.5rem}.empty-message.svelte-12gt5qe.svelte-12gt5qe{font-size:.875rem;color:#6b7280}.notification-group.svelte-12gt5qe.svelte-12gt5qe{margin-top:1.5rem}.notification-group.svelte-12gt5qe.svelte-12gt5qe:first-child{margin-top:1rem}.group-title.svelte-12gt5qe.svelte-12gt5qe{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;margin-bottom:.75rem}.notification-item.svelte-12gt5qe.svelte-12gt5qe{display:flex;gap:.75rem;padding:1rem;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;margin-bottom:.5rem;cursor:pointer;transition:all .2s;position:relative;width:100%;text-align:left;font-family:inherit;font-size:inherit;line-height:inherit}.notification-item.unread.svelte-12gt5qe.svelte-12gt5qe{background:#f0fdf4;border-color:#bbf7d0}.notification-item.svelte-12gt5qe.svelte-12gt5qe:active{transform:scale(.98);background:#f9fafb}.notification-icon.svelte-12gt5qe.svelte-12gt5qe{flex-shrink:0;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border-radius:.5rem}.notification-item.unread.svelte-12gt5qe .notification-icon.svelte-12gt5qe{background:#d1fae5}.notification-content.svelte-12gt5qe.svelte-12gt5qe{flex:1;min-width:0}.notification-title.svelte-12gt5qe.svelte-12gt5qe{font-size:.875rem;font-weight:600;color:#111827;margin-bottom:.25rem;line-height:1.5}.notification-body.svelte-12gt5qe.svelte-12gt5qe{font-size:.8125rem;color:#6b7280;margin-bottom:.25rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-time.svelte-12gt5qe.svelte-12gt5qe{font-size:.75rem;color:#9ca3af}.mark-read-button.svelte-12gt5qe.svelte-12gt5qe{position:absolute;top:.75rem;right:.75rem;padding:.375rem;background:#fff;border:1px solid #e5e7eb;border-radius:.375rem;color:#10b981;cursor:pointer;transition:all .2s;opacity:0}.notification-item.svelte-12gt5qe:hover .mark-read-button.svelte-12gt5qe,.notification-item.unread.svelte-12gt5qe .mark-read-button.svelte-12gt5qe{opacity:1}.mark-read-button.svelte-12gt5qe.svelte-12gt5qe:active{background:#10b981;color:#fff;transform:scale(.9)}.bottom-actions.svelte-12gt5qe.svelte-12gt5qe{padding:1rem;background:#fff;border-top:1px solid #e5e7eb;flex-shrink:0}.clear-all-button.svelte-12gt5qe.svelte-12gt5qe{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;font-weight:500;color:#ef4444;cursor:pointer;transition:all .2s}.clear-all-button.svelte-12gt5qe.svelte-12gt5qe:active{background:#fef2f2;border-color:#fecaca;transform:scale(.98)}@keyframes svelte-12gt5qe-slideDown{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes svelte-12gt5qe-spin{to{transform:rotate(360deg)}}.dark .mobile-notification-center.svelte-12gt5qe.svelte-12gt5qe{background:#111827}.dark .notification-header.svelte-12gt5qe.svelte-12gt5qe{background:#111827;border-bottom-color:#374151}.dark .header-title.svelte-12gt5qe.svelte-12gt5qe{color:#f3f4f6}.dark .close-button.svelte-12gt5qe.svelte-12gt5qe{background:#1f2937;border-color:#4b5563;color:#9ca3af}.dark .close-button.svelte-12gt5qe.svelte-12gt5qe:hover{background:#374151;border-color:#6b7280}.dark .close-button.svelte-12gt5qe.svelte-12gt5qe:active{background:#4b5563}.dark .action-button.svelte-12gt5qe.svelte-12gt5qe{background:#1f2937;border-color:#10b981;color:#10b981}.dark .action-button.svelte-12gt5qe.svelte-12gt5qe:hover{background:#064e3b;border-color:#10b981}.dark .action-button.svelte-12gt5qe.svelte-12gt5qe:not(:disabled):active{background:#10b981;color:#fff}.dark .action-button.svelte-12gt5qe.svelte-12gt5qe:disabled{border-color:#4b5563;color:#6b7280}.dark .search-input.svelte-12gt5qe.svelte-12gt5qe{background:#1f2937;border-color:#374151;color:#e5e7eb}.dark .search-input.svelte-12gt5qe.svelte-12gt5qe:focus{background:#111827;border-color:#10b981}.dark .filter-tab.svelte-12gt5qe.svelte-12gt5qe{border-color:#374151;color:#9ca3af}.dark .filter-tab.svelte-12gt5qe.svelte-12gt5qe:not(.active):active{background:#1f2937}.dark .settings-panel.svelte-12gt5qe.svelte-12gt5qe{background:#1f2937;border-color:#374151}.dark .settings-title.svelte-12gt5qe.svelte-12gt5qe{color:#f3f4f6}.dark .setting-item.svelte-12gt5qe.svelte-12gt5qe{color:#e5e7eb}.dark .refresh-indicator.svelte-12gt5qe.svelte-12gt5qe{background:#064e3b}.dark .empty-title.svelte-12gt5qe.svelte-12gt5qe{color:#e5e7eb}.dark .empty-message.svelte-12gt5qe.svelte-12gt5qe,.dark .group-title.svelte-12gt5qe.svelte-12gt5qe{color:#9ca3af}.dark .notification-item.svelte-12gt5qe.svelte-12gt5qe{background:#1f2937;border-color:#374151}.dark .notification-item.unread.svelte-12gt5qe.svelte-12gt5qe{background:#064e3b;border-color:#047857}.dark .notification-item.svelte-12gt5qe.svelte-12gt5qe:active,.dark .notification-icon.svelte-12gt5qe.svelte-12gt5qe{background:#374151}.dark .notification-item.unread.svelte-12gt5qe .notification-icon.svelte-12gt5qe{background:#065f46}.dark .notification-title.svelte-12gt5qe.svelte-12gt5qe{color:#f3f4f6}.dark .notification-body.svelte-12gt5qe.svelte-12gt5qe{color:#9ca3af}.dark .notification-time.svelte-12gt5qe.svelte-12gt5qe{color:#6b7280}.dark .mark-read-button.svelte-12gt5qe.svelte-12gt5qe{background:#1f2937;border-color:#374151}.dark .bottom-actions.svelte-12gt5qe.svelte-12gt5qe{background:#111827;border-top-color:#374151}.dark .clear-all-button.svelte-12gt5qe.svelte-12gt5qe{background:#111827;border-color:#374151}.dark .clear-all-button.svelte-12gt5qe.svelte-12gt5qe:active{background:#7f1d1d;border-color:#991b1b}