.notification-item[data-v-02d38472]{align-items:flex-start;background:none;border:none;cursor:pointer;display:flex;font:inherit;gap:var(--fib-3);padding:var(--fib-5);position:relative;text-align:left;transition:background var(--duration-fast) var(--ease-default);width:100%}.notification-item[data-v-02d38472]:focus-visible{box-shadow:var(--focus-ring-glow);outline:none}.notification-item--unread[data-v-02d38472],.notification-item[data-v-02d38472]:hover{background:var(--glass-bg-subtle)}.notification-avatar[data-v-02d38472]{border-radius:var(--radius-full);overflow:hidden}.notification-avatar[data-v-02d38472],.notification-icon[data-v-02d38472]{flex-shrink:0;height:var(--avatar-sm);width:var(--avatar-sm)}.notification-icon[data-v-02d38472]{align-items:center;border-radius:var(--radius-sm);display:flex;justify-content:center}.notification-icon--success[data-v-02d38472]{background:var(--status-success-bg);color:var(--status-success)}.notification-icon--warning[data-v-02d38472]{background:var(--status-warning-bg);color:var(--status-warning)}.notification-icon--accent[data-v-02d38472]{background:var(--color-accent-bg);color:var(--color-accent)}.notification-icon--error[data-v-02d38472]{background:var(--status-error-bg);color:var(--status-error)}.notification-icon--default[data-v-02d38472]{background:var(--glass-bg-default);color:var(--color-muted)}.notification-content[data-v-02d38472]{flex:1;min-width:0}.notification-title[data-v-02d38472]{color:var(--color-content);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);line-height:var(--leading-tight);margin-bottom:var(--fib-1)}.notification-message[data-v-02d38472]{color:var(--color-muted);font-size:var(--text-xs);line-height:var(--leading-tight);margin-bottom:var(--fib-2)}.notification-meta[data-v-02d38472]{align-items:center;display:flex;gap:var(--fib-2)}.notification-time[data-v-02d38472]{color:var(--color-muted);font-size:var(--text-xs);opacity:var(--opacity-medium)}.notification-action[data-v-02d38472]{color:var(--color-accent);font-size:var(--text-xs);font-weight:var(--font-weight-medium)}.unread-dot[data-v-02d38472]{background:var(--color-accent);border-radius:var(--radius-full);box-shadow:var(--shadow-focus);flex-shrink:0;height:var(--dot-size-md);margin-top:var(--fib-2);width:var(--dot-size-md)}@media(prefers-reduced-motion:reduce){.notification-item.notification-item[data-v-02d38472],.notification-item.notification-item[data-v-02d38472] *{animation-duration:var(--duration-none);transition-duration:var(--duration-none)}}.swipeable-notification[data-v-dce47864]{background:var(--color-surface);overflow:hidden;position:relative}.swipe-actions[data-v-dce47864]{align-items:center;bottom:0;display:flex;justify-content:center;position:absolute;top:0;transition:opacity var(--duration-fast) var(--ease-default)}.swipe-actions--left[data-v-dce47864]{background:var(--status-success);left:0;width:var(--fib-21)}.swipe-actions--right[data-v-dce47864]{background:var(--status-error);right:0;width:auto}.swipe-action[data-v-dce47864]{align-items:center;background:transparent;border:none;color:var(--text-inverse);cursor:pointer;display:flex;flex-direction:column;gap:var(--fib-1);justify-content:center;min-height:var(--touch-target-min);min-width:var(--touch-target-min);padding:var(--fib-3);transition:transform var(--duration-fast) var(--ease-default)}.swipe-action[data-v-dce47864]:active{transform:scale(.95)}.swipe-action[data-v-dce47864]:focus-visible{box-shadow:var(--shadow-focus-inset);outline:none}.swipe-action-label[data-v-dce47864]{font-size:var(--text-xs);font-weight:var(--font-weight-medium)}.swipe-action--delete[data-v-dce47864],.swipe-action--read[data-v-dce47864]{color:var(--text-inverse)}.swipe-content[data-v-dce47864]{background:var(--color-surface);position:relative;will-change:transform;z-index:var(--z-base)}.swipeable-notification--swiping .swipe-content[data-v-dce47864]{pointer-events:none}.swipeable-notification--revealed .swipe-content[data-v-dce47864]{box-shadow:var(--shadow-md)}@media(prefers-reduced-motion:reduce){.swipe-action[data-v-dce47864],.swipe-actions[data-v-dce47864],.swipe-content[data-v-dce47864]{transition:none}}.notification-panel[data-v-0c5d0055]{display:flex;flex-direction:column;max-height:75vh;max-width:var(--container-sm);overflow:hidden;width:100%}.panel-header[data-v-0c5d0055]{justify-content:space-between;padding:var(--fib-3) var(--fib-5)}.panel-header[data-v-0c5d0055],.panel-header-left[data-v-0c5d0055]{align-items:center;display:flex}.panel-title[data-v-0c5d0055]{color:var(--color-content);font-size:var(--text-base)}.panel-title[data-v-0c5d0055],.unread-badge[data-v-0c5d0055]{font-weight:var(--font-weight-semibold)}.unread-badge[data-v-0c5d0055]{background:var(--color-accent);border-radius:var(--radius-2xl);color:var(--text-inverse);font-size:var(--text-xs);margin-left:var(--fib-2);padding:var(--fib-1) var(--fib-2)}.panel-header-actions[data-v-0c5d0055]{align-items:center;display:flex;gap:var(--fib-1)}.panel-content[data-v-0c5d0055]{flex:1;overflow-y:auto;overscroll-behavior:contain}.panel-content[data-v-0c5d0055]::-webkit-scrollbar{width:var(--fib-2)}.panel-content[data-v-0c5d0055]::-webkit-scrollbar-track{background:transparent}.panel-content[data-v-0c5d0055]::-webkit-scrollbar-thumb{background:var(--glass-bg-strong);border-radius:var(--radius-xs)}.notification-list[data-v-0c5d0055]{display:flex;flex-direction:column}.panel-footer[data-v-0c5d0055]{display:flex;justify-content:center;padding:var(--fib-3) var(--fib-5)}.view-all-link[data-v-0c5d0055]{align-items:center;color:var(--color-accent);display:inline-flex;font-size:var(--text-sm);font-weight:var(--font-weight-medium);gap:var(--fib-1);text-decoration:none;transition:color var(--duration-fast) var(--ease-default)}.view-all-link[data-v-0c5d0055]:hover{color:var(--color-content)}.view-all-link[data-v-0c5d0055]:focus-visible{box-shadow:var(--focus-ring-glow);outline:none}.notification-panel[data-v-0c5d0055]{border-radius:var(--radius-lg) var(--radius-lg) var(--radius-none) var(--radius-none);max-height:85vh;max-width:100%}.notification-panel--embedded[data-v-0c5d0055]{background:transparent;border:none;border-radius:var(--radius-none);box-shadow:none;max-height:none}@media(min-width:640px){.notification-panel[data-v-0c5d0055]:not(.notification-panel--embedded){border-radius:var(--radius-lg);max-height:80vh;max-width:var(--container-sm)}}@media(prefers-reduced-motion:reduce){.notification-panel.notification-panel[data-v-0c5d0055],.notification-panel.notification-panel[data-v-0c5d0055] *{animation-duration:var(--duration-none);transition-duration:var(--duration-none)}}.navbar-desktop[data-v-137e413d]{background:var(--color-canvas);border-bottom:1px solid var(--color-structure);box-shadow:none;contain:layout style paint;position:sticky;top:0;transition:padding var(--duration-normal) var(--ease-smooth),box-shadow var(--duration-normal) var(--ease-smooth),background var(--duration-normal) var(--ease-default),border-color var(--duration-normal) var(--ease-default);width:100%;will-change:padding,box-shadow;z-index:var(--z-sticky)}.navbar-desktop--translucent[data-v-137e413d]{background:transparent;border-bottom-color:transparent;box-shadow:none}.navbar-desktop--compact[data-v-137e413d]{background:var(--color-canvas);border-bottom-color:var(--color-structure);box-shadow:var(--shadow-sm,var(--shadow-md));padding-block:var(--fib-1)}.navbar-desktop--translucent.navbar-desktop--compact[data-v-137e413d]{-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));background:var(--overlay-heavy);border-bottom-color:var(--glass-border-subtle);box-shadow:var(--shadow-sm)}.navbar-desktop--compact .w-36[data-v-137e413d]{transform:scale(.85);transform-origin:left center;transition:transform var(--duration-normal) var(--ease-smooth)}.navbar-desktop__container[data-v-137e413d]{margin-inline:auto;max-width:var(--container-2xl);padding-inline:var(--layout-gutter)}.desktop-nav[data-v-137e413d]{align-items:center;display:flex;gap:var(--fib-5)}.desktop-nav__link[data-v-137e413d]{color:var(--color-muted);font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-weight-medium);padding:var(--fib-2) var(--fib-1);position:relative;text-decoration:none;transition:color var(--duration-normal) var(--ease-default),transform var(--duration-fast) var(--ease-default)}.desktop-nav__link[data-v-137e413d]:hover{color:var(--color-content)}.desktop-nav__link--active[data-v-137e413d]{color:var(--color-accent)}.desktop-nav__link[data-v-137e413d]:after{background:var(--color-accent);border-radius:var(--radius-full);bottom:calc(var(--fib-1)*-1);content:"";height:var(--fib-0);left:0;position:absolute;right:0;transform:scaleX(0);transition:transform var(--duration-normal) var(--ease-smooth)}.desktop-nav__link[data-v-137e413d]:hover:after{transform:scaleX(.5)}.desktop-nav__link--active[data-v-137e413d]:after{transform:scaleX(1)}.desktop-nav__link[data-v-137e413d]:focus-visible{border-radius:var(--radius-sm);box-shadow:var(--focus-ring-glow-subtle);outline:none}.nav-action-button[data-v-137e413d]{align-items:center;border-radius:var(--radius-sm);color:var(--color-content);cursor:pointer;display:flex;justify-content:center;min-height:var(--touch-target-min);min-width:var(--touch-target-min);padding:var(--fib-1);transition:color var(--duration-normal) var(--ease-default),background var(--duration-normal) var(--ease-default),transform var(--duration-fast) var(--ease-default),box-shadow var(--duration-normal) var(--ease-default)}.nav-action-button[data-v-137e413d]:hover{background:var(--glass-bg-default);color:var(--color-muted)}.nav-action-button[data-v-137e413d]:active{transform:scale(.98)}.nav-action-button[data-v-137e413d]:focus-visible{box-shadow:var(--focus-ring-glow-subtle);outline:none}.notification-bell-wrapper[data-v-137e413d]{position:relative}.notification-panel-dropdown[data-v-137e413d]{margin-top:var(--fib-2);position:absolute;right:0;top:100%;z-index:var(--z-dropdown)}.panel-enter-active[data-v-137e413d],.panel-leave-active[data-v-137e413d]{transition:opacity var(--duration-normal) var(--ease-pop),transform var(--duration-normal) var(--ease-pop)}.panel-enter-from[data-v-137e413d],.panel-leave-to[data-v-137e413d]{opacity:0;transform:translateY(-8px) scale(.98)}.navbar-search-pill[data-v-137e413d]{align-items:center;background:var(--glass-bg-subtle);border:1px solid var(--glass-border-subtle);border-radius:var(--radius-full);cursor:pointer;display:flex;flex:1;gap:var(--fib-2);max-width:calc(var(--fib-21)*5);min-width:calc(var(--fib-21)*3 + var(--fib-8));padding:var(--fib-1) var(--fib-3);transition:background var(--duration-normal) var(--ease-default),border-color var(--duration-normal) var(--ease-default),box-shadow var(--duration-normal) var(--ease-default)}.navbar-search-pill[data-v-137e413d]:hover{background:var(--glass-bg-default);border-color:var(--glass-border-default)}.navbar-search-pill[data-v-137e413d]:focus-visible{border-color:var(--color-accent);box-shadow:var(--focus-ring-glow-subtle);outline:none}.navbar-search-pill__icon[data-v-137e413d]{color:var(--color-muted);flex-shrink:0}.navbar-search-pill__text[data-v-137e413d]{color:var(--color-muted);flex:1;font-size:max(16px,var(--text-sm));overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.navbar-search-pill__kbd[data-v-137e413d]{align-items:center;background:var(--glass-bg-subtle);border:1px solid var(--glass-border-default);border-radius:var(--radius-xs,4px);color:var(--color-muted);display:inline-flex;flex-shrink:0;font-family:var(--font-mono,monospace);font-size:var(--text-xs);font-weight:var(--font-weight-medium);height:var(--icon-sm);justify-content:center;line-height:var(--leading-none);opacity:var(--opacity-strong);pointer-events:none;width:var(--icon-sm)}.navbar-host-link[data-v-137e413d]{color:var(--color-muted);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);padding:var(--fib-2) var(--fib-1);text-decoration:none;transition:color var(--duration-normal) var(--ease-default);white-space:nowrap}.navbar-host-link[data-v-137e413d]:hover{color:var(--color-content)}.navbar-host-link[data-v-137e413d]:focus-visible{border-radius:var(--radius-sm);box-shadow:var(--focus-ring-glow-subtle);outline:none}.navbar-host-link--cta[data-v-137e413d]{border:1px solid var(--color-accent);border-radius:var(--radius-full);color:var(--color-accent);padding:var(--fib-1) var(--fib-3)}.navbar-host-link--cta[data-v-137e413d]:hover{background:var(--color-accent);color:var(--color-canvas)}@media(prefers-reduced-motion:reduce){.navbar-desktop.navbar-desktop[data-v-137e413d],.navbar-desktop.navbar-desktop[data-v-137e413d] *{animation-duration:var(--duration-none);transition-duration:var(--duration-none)}}
