.notifications-page.svelte-xbnxce{max-width:720px;margin:0 auto}.page-header.svelte-xbnxce{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.header-left.svelte-xbnxce{display:flex;align-items:center;gap:.75rem}.page-header.svelte-xbnxce h1:where(.svelte-xbnxce){margin:0;font-size:1.75rem;color:#1e3a5f}.unread-badge.svelte-xbnxce{background:#ef4444;color:#fff;font-size:.75rem;font-weight:600;padding:.2rem .6rem;border-radius:1rem}.btn-mark-all.svelte-xbnxce{padding:.5rem 1rem;background:#fff;color:#1e3a5f;border:1.5px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-mark-all.svelte-xbnxce:hover{border-color:#1e3a5f}.empty-state.svelte-xbnxce{text-align:center;padding:4rem 2rem;background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a}.empty-icon.svelte-xbnxce{font-size:4rem;display:block;margin-bottom:1rem}.empty-state.svelte-xbnxce h2:where(.svelte-xbnxce){margin:0 0 .5rem;color:#1e3a5f}.empty-state.svelte-xbnxce p:where(.svelte-xbnxce){color:#666;margin:0}.notifications-list.svelte-xbnxce{display:flex;flex-direction:column;gap:.5rem}.notification-item.svelte-xbnxce{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem;background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #00000012;border:none;cursor:pointer;text-align:left;width:100%;transition:all .15s;position:relative}.notification-item.svelte-xbnxce:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.notification-item.unread.svelte-xbnxce{background:#f0f7ff;border-left:3px solid #1e3a5f}.notif-icon.svelte-xbnxce{font-size:1.5rem;flex-shrink:0;width:2.5rem;height:2.5rem;background:#f0f4f8;border-radius:.5rem;display:flex;align-items:center;justify-content:center}.notif-content.svelte-xbnxce{flex:1;min-width:0}.notif-message.svelte-xbnxce{margin:0 0 .25rem;font-size:.9375rem;color:#111827;font-weight:500}.notification-item.svelte-xbnxce:not(.unread) .notif-message:where(.svelte-xbnxce){font-weight:400;color:#374151}.notif-time.svelte-xbnxce{font-size:.8rem;color:#9ca3af}.unread-dot.svelte-xbnxce{width:10px;height:10px;background:#1e3a5f;border-radius:50%;flex-shrink:0;margin-top:.25rem}