.panel.svelte-brdexq{position:absolute;top:calc(100% + 8px);right:0;width:380px;max-width:calc(100vw - 32px);max-height:480px;background:var(--background);border:1px solid var(--color-rs-border);border-radius:12px;box-shadow:0 8px 32px #0006;display:flex;flex-direction:column;z-index:100;overflow:hidden}.panel-header.svelte-brdexq{display:flex;align-items:center;justify-content:space-between;padding:12px 14px 12px 16px;border-bottom:1px solid var(--color-rs-border);flex-shrink:0}.panel-title.svelte-brdexq{font-size:14px;font-weight:600;color:var(--foreground)}.header-actions.svelte-brdexq{display:flex;align-items:center;gap:4px}.mark-all-btn.svelte-brdexq{background:none;border:none;color:var(--primary);font-size:12px;font-weight:500;cursor:pointer;padding:3px 8px;border-radius:4px;transition:color .2s}.mark-all-btn.svelte-brdexq:hover{color:var(--primary)}.clear-btn.svelte-brdexq{color:var(--muted-foreground)}.clear-btn.svelte-brdexq:hover{color:var(--destructive)}.close-btn.svelte-brdexq{background:none;border:none;color:var(--muted-foreground);cursor:pointer;font-size:14px;padding:3px 6px;border-radius:4px;transition:color .2s,transform .15s var(--ease-out-quart)}.close-btn.svelte-brdexq:hover{color:var(--foreground);transform:scale(1.15) rotate(90deg)}.panel-body.svelte-brdexq{overflow-y:auto;flex:1}.section-label.svelte-brdexq{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted-foreground);padding:8px 16px 4px}.section-label.earlier.svelte-brdexq{border-top:1px solid var(--border);margin-top:2px;padding-top:10px}.empty-state.svelte-brdexq{display:flex;flex-direction:column;align-items:center;gap:8px;padding:40px 20px;color:var(--muted-foreground);font-size:14px}.empty-icon.svelte-brdexq{font-size:28px}.notification-item.svelte-brdexq{position:relative;padding:12px 36px 12px 16px;border-bottom:1px solid var(--border);transition:background .15s}.notification-item[data-type=ACCOUNT_ACTIVITY].svelte-brdexq{cursor:pointer}.notification-item.svelte-brdexq:hover{background:color-mix(in oklab,white 3%,transparent)}.notification-item.unread.svelte-brdexq{border-left:3px solid var(--primary);padding-left:13px;background:color-mix(in oklab,var(--color-rs-accent) 4%,transparent)}.notification-item.unread.svelte-brdexq:hover{background:color-mix(in oklab,var(--color-rs-accent) 7%,transparent)}.notification-item[data-type=SYSTEM_ANNOUNCEMENT].svelte-brdexq .type-label:where(.svelte-brdexq){color:var(--notif-announcement)}.notification-item[data-type=SYSTEM_ANNOUNCEMENT].svelte-brdexq .type-dot:where(.svelte-brdexq){background:var(--notif-announcement)}.notification-item[data-type=GOAL_PROGRESS].svelte-brdexq .type-label:where(.svelte-brdexq){color:var(--notif-progress)}.notification-item[data-type=GOAL_PROGRESS].svelte-brdexq .type-dot:where(.svelte-brdexq){background:var(--notif-progress)}.notification-item[data-type=ACCOUNT_ACTIVITY].svelte-brdexq .type-label:where(.svelte-brdexq){color:var(--notif-activity)}.notification-item[data-type=ACCOUNT_ACTIVITY].svelte-brdexq .type-dot:where(.svelte-brdexq){background:var(--notif-activity)}.notification-item[data-type=ACCOUNT_TYPE_CHANGE].svelte-brdexq .type-label:where(.svelte-brdexq){color:var(--notif-type-change)}.notification-item[data-type=ACCOUNT_TYPE_CHANGE].svelte-brdexq .type-dot:where(.svelte-brdexq){background:var(--notif-type-change)}.notification-item[data-type=ACCOUNT_NAME_CHANGE].svelte-brdexq .type-label:where(.svelte-brdexq){color:var(--notif-name-change)}.notification-item[data-type=ACCOUNT_NAME_CHANGE].svelte-brdexq .type-dot:where(.svelte-brdexq){background:var(--notif-name-change)}.notification-item.unread[data-type=SYSTEM_ANNOUNCEMENT].svelte-brdexq{border-left-color:var(--notif-announcement)}.notification-item.unread[data-type=GOAL_PROGRESS].svelte-brdexq{border-left-color:var(--notif-progress)}.notification-item.unread[data-type=ACCOUNT_ACTIVITY].svelte-brdexq{border-left-color:var(--notif-activity)}.notification-item.unread[data-type=ACCOUNT_TYPE_CHANGE].svelte-brdexq{border-left-color:var(--notif-type-change)}.notification-item.unread[data-type=ACCOUNT_NAME_CHANGE].svelte-brdexq{border-left-color:var(--notif-name-change)}.notification-meta.svelte-brdexq{display:flex;align-items:center;gap:6px;margin-bottom:4px}.type-dot.svelte-brdexq{width:7px;height:7px;border-radius:50%;flex-shrink:0;opacity:.7}.type-label.svelte-brdexq{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.time.svelte-brdexq{font-size:11px;color:var(--muted-foreground);margin-left:auto}.dismiss-btn.svelte-brdexq{position:absolute;top:8px;right:6px;background:none;border:none;color:var(--muted-foreground);cursor:pointer;font-size:11px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;opacity:.4;transition:opacity .15s,color .15s,background .15s,transform .15s var(--ease-out-quart)}.notification-item.svelte-brdexq:hover .dismiss-btn:where(.svelte-brdexq),.dismiss-btn.svelte-brdexq:focus-visible{opacity:1}.dismiss-btn.svelte-brdexq:hover{color:var(--destructive);background:color-mix(in oklab,var(--destructive) 10%,transparent);transform:scale(1.15) rotate(90deg)}.notification-title.svelte-brdexq{font-size:13px;font-weight:600;color:var(--foreground);margin-bottom:2px}.notification-body.svelte-brdexq{font-size:12px;color:var(--muted-foreground);line-height:1.4}.notification-bell-root.svelte-1gzpqth{position:relative;display:flex;align-items:center}.bell-btn.svelte-1gzpqth{position:relative;background:none;border:none;color:var(--muted-foreground);cursor:pointer;padding:12px;border-radius:8px;display:flex;align-items:center;transition:color .2s,background .2s}.bell-btn.svelte-1gzpqth:hover{color:var(--foreground);background:var(--color-rs-border)}.bell-svg.svelte-1gzpqth{transition:transform .2s var(--ease-out-quart);transform-origin:top center}.bell-btn.svelte-1gzpqth:hover .bell-svg:where(.svelte-1gzpqth){transform:scale(1.12)}@keyframes svelte-1gzpqth-bell-ring{0%{transform:rotate(0)}12%{transform:rotate(14deg) translate(1px)}24%{transform:rotate(-11deg) translate(-1px)}36%{transform:rotate(8deg) translate(1px)}48%{transform:rotate(-6deg)}60%{transform:rotate(4deg)}72%{transform:rotate(-2deg)}84%{transform:rotate(1deg)}to{transform:rotate(0)}}.bell-svg.ringing.svelte-1gzpqth{animation:svelte-1gzpqth-bell-ring .7s var(--ease-out-quart);transform-origin:top center}.badge.svelte-1gzpqth{position:absolute;top:0;right:0;background:var(--primary);color:var(--primary-foreground);font-size:10px;font-weight:700;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 3px;line-height:1;pointer-events:none}.user-dropdown-container.svelte-aga15m{position:relative}.avatar-btn.svelte-aga15m{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,var(--primary) 0%,var(--color-rs-accent-hover) 100%);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;font-family:inherit;color:var(--foreground);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;border:2px solid color-mix(in oklab,var(--color-rs-accent) 30%,transparent);box-shadow:0 4px 16px color-mix(in oklab,var(--color-rs-accent) 30%,transparent)}.avatar-btn.svelte-aga15m:hover{transform:scale(1.05);box-shadow:0 6px 24px color-mix(in oklab,var(--color-rs-accent) 40%,transparent)}.avatar-btn.svelte-aga15m:active{transform:scale(.98)}.avatar-btn.svelte-aga15m:focus{outline:2px solid color-mix(in oklab,var(--color-rs-accent) 50%,transparent);outline-offset:2px}.dropdown-menu.svelte-aga15m{position:absolute;right:0;top:calc(100% + 8px);background:var(--background);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid color-mix(in oklab,var(--color-rs-accent) 30%,transparent);border-radius:16px;padding:8px;box-shadow:0 20px 60px #0009,0 0 0 1px color-mix(in oklab,var(--color-rs-accent) 10%,transparent);opacity:0;transform:translateY(-8px) scale(.97);transition:opacity .18s var(--ease-out-quart),transform .18s var(--ease-out-quart);pointer-events:none;min-width:280px;z-index:1000}.dropdown-menu.show.svelte-aga15m{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.user-info.svelte-aga15m{padding:16px;border-bottom:1px solid var(--color-rs-border);margin-bottom:8px}.user-email.svelte-aga15m{font-size:15px;color:var(--foreground);font-weight:600;margin-bottom:4px;word-break:break-all}.plan-banner.svelte-aga15m{padding:7px 16px;border-radius:10px 10px 0 0;margin:-8px -8px 0;font-size:11px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;text-align:center}.plan-supporter.svelte-aga15m{background:color-mix(in oklab,var(--color-rs-peach) 12%,transparent);color:color-mix(in oklab,var(--color-rs-peach) 70%,var(--muted-foreground));border-bottom:1px solid color-mix(in oklab,var(--color-rs-peach) 20%,transparent)}.plan-unlimited.svelte-aga15m{background:color-mix(in oklab,var(--primary) 12%,transparent);color:color-mix(in oklab,var(--primary) 70%,var(--muted-foreground));border-bottom:1px solid color-mix(in oklab,var(--primary) 20%,transparent)}.user-meta.svelte-aga15m{font-size:13px;color:var(--muted-foreground);display:flex;align-items:center;gap:6px}.menu-section.svelte-aga15m{margin-bottom:8px}.menu-section.svelte-aga15m:last-child{margin-bottom:0}.menu-item.svelte-aga15m{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;color:var(--foreground);font-size:14px;font-weight:500;cursor:pointer;transition:background .15s var(--ease-out-quart),color .15s var(--ease-out-quart),transform .1s var(--ease-out-quart);text-decoration:none;width:100%;background:none;border:none;font-family:inherit;text-align:left}.menu-item.svelte-aga15m:hover{background:color-mix(in oklab,var(--color-rs-accent) 15%,transparent);color:var(--primary)}.menu-item.svelte-aga15m:active{transform:scale(.98)}.menu-icon.svelte-aga15m{font-size:16px;width:20px;text-align:center;flex-shrink:0}.menu-label.svelte-aga15m{flex:1}.menu-badge.svelte-aga15m{background:linear-gradient(135deg,var(--notif-announcement) 0%,var(--color-plan-supporter) 100%);color:var(--foreground);font-size:10px;font-weight:700;padding:3px 8px;border-radius:6px;text-transform:uppercase;letter-spacing:.5px}.menu-divider.svelte-aga15m{height:1px;background:var(--color-rs-border);margin:8px 0}.menu-item.logout.svelte-aga15m{color:var(--destructive)}.menu-item.logout.svelte-aga15m:hover{background:color-mix(in oklab,var(--destructive) 15%,transparent);color:var(--destructive)}.version-badge.svelte-aga15m{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:color-mix(in oklab,white 3%,transparent);border-radius:8px;font-size:12px;color:var(--muted-foreground)}.header.svelte-cgt8q1{position:relative;display:flex;justify-content:space-between;align-items:center;padding:20px 20px 16px;border-bottom:1px solid var(--color-rs-border)}.header.sticky.svelte-cgt8q1{position:sticky;top:0;z-index:50;background:var(--background);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.logo.svelte-cgt8q1{font-size:28px;font-weight:700;color:var(--foreground)}.logo-accent.svelte-cgt8q1{color:var(--color-rs-accent)}.nav-links.svelte-cgt8q1{display:flex;gap:24px;align-items:center}.nav-link.svelte-cgt8q1{color:var(--muted-foreground);text-decoration:none;font-size:16px;font-weight:500;transition:color .2s;position:relative;padding-bottom:4px}.nav-link.svelte-cgt8q1:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:var(--primary);transform:scaleX(0);transform-origin:left;transition:transform .25s var(--ease-out-quart)}.nav-link.svelte-cgt8q1:hover{color:var(--foreground)}.nav-link.svelte-cgt8q1:hover:after{transform:scaleX(1);background:color-mix(in oklab,var(--primary) 50%,transparent)}.nav-link.active.svelte-cgt8q1{color:var(--foreground);font-weight:600}.nav-link.active.svelte-cgt8q1:after{transform:scaleX(1);background:var(--primary)}.nav-actions.svelte-cgt8q1{display:flex;align-items:center;gap:8px}.hamburger-btn.svelte-cgt8q1{display:none;background:none;border:none;color:var(--foreground);cursor:pointer;padding:10px;min-width:44px;min-height:44px;flex-direction:column;align-items:center;justify-content:center;gap:5px}.bar.svelte-cgt8q1{display:block;width:20px;height:2px;background:currentColor;border-radius:1px;transform-origin:center;transition:transform .3s var(--ease-out-quart),opacity .2s ease}.hamburger-btn[aria-expanded=true].svelte-cgt8q1 .bar:where(.svelte-cgt8q1):nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger-btn[aria-expanded=true].svelte-cgt8q1 .bar:where(.svelte-cgt8q1):nth-child(2){opacity:0;transform:scaleX(0)}.hamburger-btn[aria-expanded=true].svelte-cgt8q1 .bar:where(.svelte-cgt8q1):nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media(max-width:640px){.hamburger-btn.svelte-cgt8q1{display:flex}.nav-links.svelte-cgt8q1{display:flex;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:var(--background);border-bottom:1px solid var(--color-rs-border);z-index:50;overflow:hidden;max-height:0;transition:max-height .35s var(--ease-out-quart)}.nav-links.open.svelte-cgt8q1{max-height:320px}.nav-link.svelte-cgt8q1{padding:12px 24px;border-left:3px solid transparent;transition:color .2s,border-color .2s,background .15s}.nav-link.svelte-cgt8q1:hover{background:color-mix(in oklab,white 3%,transparent)}.nav-link.active.svelte-cgt8q1{border-left-color:var(--primary);padding-left:21px}.nav-link.svelte-cgt8q1:after{display:none}}