.notifications-page.svelte-1vxm5u{min-height:100vh;padding:2rem 0}.container.svelte-1vxm5u{max-width:800px;margin:0 auto;padding:0 1rem}.header.svelte-1vxm5u{text-align:center;margin-bottom:2rem}.header.svelte-1vxm5u h1:where(.svelte-1vxm5u){font-size:2.5rem;font-weight:700;color:#1a202c;margin-bottom:.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.header.svelte-1vxm5u p:where(.svelte-1vxm5u){font-size:1.1rem;color:#4a5568;margin:0}.controls.svelte-1vxm5u{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.filter-tabs.svelte-1vxm5u{display:flex;background:#fffc;border-radius:12px;padding:4px;box-shadow:0 2px 8px #0000000d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tab.svelte-1vxm5u{padding:8px 16px;border:none;border-radius:8px;background:transparent;color:#4a5568;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.tab.svelte-1vxm5u:hover{background:#1e90ff1a;color:var(--theme-blue)}.tab.active.svelte-1vxm5u{background:var(--theme-blue);color:#fff;box-shadow:0 2px 8px #1e90ff4d}.refresh-btn.svelte-1vxm5u{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#fffc;border:1px solid rgba(226,232,240,.8);border-radius:8px;color:#4a5568;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.refresh-btn.svelte-1vxm5u:hover{background:#fffffff2;border-color:var(--theme-blue);color:var(--theme-blue);transform:translateY(-1px)}.loading.svelte-1vxm5u{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.spinner.svelte-1vxm5u{width:32px;height:32px;border:3px solid rgba(30,144,255,.2);border-top:3px solid var(--theme-blue);border-radius:50%;animation:svelte-1vxm5u-spin 1s linear infinite;margin-bottom:1rem}@keyframes svelte-1vxm5u-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error.svelte-1vxm5u{background:#fee2e2cc;border:1px solid rgba(252,165,165,.8);border-radius:12px;padding:2rem;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.error.svelte-1vxm5u h3:where(.svelte-1vxm5u){color:#dc2626;margin:0 0 1rem}.error.svelte-1vxm5u p:where(.svelte-1vxm5u){color:#7f1d1d;margin:0 0 1rem}.error.svelte-1vxm5u button:where(.svelte-1vxm5u){background:#dc2626;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:500}.notifications-list.svelte-1vxm5u{display:flex;flex-direction:column;gap:1rem}.notification-card.svelte-1vxm5u{background:#ffffffe6;border:1px solid rgba(226,232,240,.8);border-radius:16px;padding:1.5rem;cursor:pointer;transition:all .2s ease;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.notification-card.svelte-1vxm5u:hover{background:#fffffff2;border-color:var(--theme-blue);transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.notification-card.expired.svelte-1vxm5u{opacity:.7;border-color:#9ca3af80}.notification-card.unseen.svelte-1vxm5u{border-left:4px solid var(--theme-blue);background:#1e90ff05}.notification-header.svelte-1vxm5u{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem}.notification-header.svelte-1vxm5u h3:where(.svelte-1vxm5u){margin:0;font-size:1.25rem;font-weight:600;color:#1a202c;flex:1}.notification-meta.svelte-1vxm5u{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.status.svelte-1vxm5u{padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:500;background:#10b9811a;color:#047857}.status.expired.svelte-1vxm5u{background:#9ca3af33;color:#374151}.new-badge.svelte-1vxm5u{background:var(--theme-blue);color:#fff;padding:2px 6px;border-radius:8px;font-size:.65rem;font-weight:600;animation:svelte-1vxm5u-pulse 2s infinite}@keyframes svelte-1vxm5u-pulse{0%,to{opacity:1}50%{opacity:.7}}.notification-body.svelte-1vxm5u p:where(.svelte-1vxm5u){margin:0;color:#4a5568;line-height:1.6}.notification-footer.svelte-1vxm5u{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(226,232,240,.6);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}.expires.svelte-1vxm5u{font-size:.85rem;color:#6b7280}.cta-info.svelte-1vxm5u{font-size:.85rem}.cta-label.svelte-1vxm5u{color:var(--theme-blue);font-weight:500}.empty-state.svelte-1vxm5u{text-align:center;padding:3rem;color:#6b7280}.empty-icon.svelte-1vxm5u{font-size:3rem;margin-bottom:1rem}.empty-state.svelte-1vxm5u h3:where(.svelte-1vxm5u){margin:0 0 .5rem;color:#374151}.empty-state.svelte-1vxm5u p:where(.svelte-1vxm5u){margin:0}@media (max-width: 768px){.notifications-page.svelte-1vxm5u{padding:1rem 0}.header.svelte-1vxm5u h1:where(.svelte-1vxm5u){font-size:2rem}.controls.svelte-1vxm5u{flex-direction:column;align-items:stretch}.filter-tabs.svelte-1vxm5u{justify-content:center}.notification-card.svelte-1vxm5u{padding:1rem}.notification-header.svelte-1vxm5u,.notification-footer.svelte-1vxm5u{flex-direction:column;align-items:flex-start}}