.notif-badge[data-v-375a21f8]{align-items:center;background:var(--color-error);border-radius:var(--radius-full);box-shadow:0 0 0 2px #ffffffd9;color:var(--color-text-inverse);display:inline-flex;font-size:var(--text-xs);font-weight:700;height:1.25rem;justify-content:center;line-height:1.25rem;min-width:1.25rem;padding:0 calc(var(--spacing-xs) + .1rem);position:absolute;right:0;top:0;transform:translate(40%,-40%)}.notification-header[data-v-375a21f8]{padding:var(--spacing-md) var(--spacing-lg) var(--spacing-md);text-align:left}.notification-header[data-v-375a21f8] *{text-align:left}.notification-header[data-v-375a21f8] [class*=flex]{justify-content:flex-start!important}.notification-actions[data-v-375a21f8]{display:flex;justify-content:flex-end;padding:0 var(--spacing-lg) var(--spacing-md)}.notification-icon-wrapper[data-v-375a21f8]{align-items:center;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);border-radius:var(--radius-lg);box-shadow:0 4px 12px #fd010040;color:#fff;display:flex;height:2.5rem;justify-content:center;width:2.5rem}.notification-title[data-v-375a21f8]{color:var(--color-text-inverse);font-size:var(--text-xl);font-weight:700;margin:0}.notification-sidebar-content[data-v-375a21f8]{background:var(--color-secondary-surface)!important;color:var(--color-text-inverse);max-width:100%;padding:0;width:100%}@media (min-width:640px){.notification-sidebar-content[data-v-375a21f8]{width:24rem}}.notification-content[data-v-375a21f8]{background:var(--color-secondary-surface);color:var(--color-text-inverse);height:calc(100vh - 100px);overflow-y:auto;padding:var(--spacing-lg);scrollbar-color:var(--color-gray-400) transparent;scrollbar-width:thin}.notification-content[data-v-375a21f8]::-webkit-scrollbar{width:8px}.notification-content[data-v-375a21f8]::-webkit-scrollbar-track{background:transparent}.notification-content[data-v-375a21f8]::-webkit-scrollbar-thumb{background:var(--color-gray-400);border-radius:var(--radius-md);-webkit-transition:background-color var(--transition-fast);transition:background-color var(--transition-fast)}.notification-content[data-v-375a21f8]::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}.notification-skeleton[data-v-375a21f8]{animation:shimmer-375a21f8 1.5s infinite;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:linear-gradient(90deg,var(--color-gray-100) 25%,var(--color-gray-200) 50%,var(--color-gray-100) 75%);background-size:200% 100%;border-radius:var(--radius-lg);height:88px;padding:var(--spacing-md)}@keyframes shimmer-375a21f8{0%{background-position:-200% 0}to{background-position:200% 0}}.notification-error[data-v-375a21f8]{background:var(--color-error-light);border:2px solid var(--color-error-light);border-radius:var(--radius-xl);color:var(--color-error);padding:var(--spacing-xl)}.notification-empty[data-v-375a21f8],.notification-error[data-v-375a21f8]{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}.notification-empty[data-v-375a21f8]{background:var(--color-white);border:2px dashed var(--color-gray-300);border-radius:var(--radius-xl);color:var(--color-text);padding:var(--spacing-2xl) var(--spacing-lg)}.notification-empty-icon[data-v-375a21f8]{color:var(--color-gray-400);font-size:2.25rem;margin-bottom:var(--spacing-md)}.notification-empty-title[data-v-375a21f8]{color:var(--color-text);font-size:var(--text-base);font-weight:600;margin:0}.notification-empty-subtitle[data-v-375a21f8]{color:var(--color-text-light);margin-top:var(--spacing-xs)}.notification-item[data-v-375a21f8]{background:var(--color-white);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--color-text);overflow:hidden;padding:var(--spacing-md);position:relative;transition:all var(--transition-fast)}.notification-item[data-v-375a21f8]:before{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);bottom:0;content:"";left:0;position:absolute;top:0;transform:scaleY(0);transition:transform var(--transition-fast);width:4px}.notification-item[data-v-375a21f8]:hover:before{transform:scaleY(1)}.clickable-notification[data-v-375a21f8]{cursor:pointer}.clickable-notification[data-v-375a21f8]:hover{background:var(--color-gray-100);border-color:var(--color-primary-light);box-shadow:var(--shadow-lg);transform:translate(4px)}.clickable-notification[data-v-375a21f8]:active{transform:translate(2px)}.notification-title-text[data-v-375a21f8]{color:var(--color-text);font-size:var(--text-base);font-weight:600;line-height:1.4;margin-bottom:var(--spacing-xs)}.notification-body-text[data-v-375a21f8]{color:var(--color-text-light);display:-webkit-box;font-size:var(--text-sm);line-height:1.5;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-title-row[data-v-375a21f8]{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.notification-unread-pill[data-v-375a21f8]{align-items:center;background:var(--color-primary-light);border-radius:var(--radius-full);color:#000;display:inline-flex;font-size:var(--text-xs);font-weight:700;height:1.25rem;letter-spacing:.02em;padding:0 var(--spacing-xs)}.notification-arrow[data-v-375a21f8]{color:var(--color-gray-400);flex-shrink:0;font-size:var(--text-xl);margin-top:2px;transition:all var(--transition-fast)}.clickable-notification:hover .notification-arrow[data-v-375a21f8]{color:var(--color-primary);transform:translate(4px)}.notification-time[data-v-375a21f8]{align-items:center;border-top:1px solid var(--color-gray-200);color:var(--color-gray-500);display:flex;font-size:var(--text-xs);gap:var(--spacing-xs);margin-top:var(--spacing-sm);padding-top:var(--spacing-xs)}.notification-sheet[data-v-375a21f8] .absolute.right-3.top-5,.notification-sheet[data-v-375a21f8] .absolute.right-4.top-4{display:none!important}@media (max-width:640px){.notification-header[data-v-375a21f8]{padding:var(--spacing-sm);text-align:left}.notification-header[data-v-375a21f8] *{text-align:left}.notification-header[data-v-375a21f8] [class*=flex]{justify-content:flex-start!important}.notification-icon-wrapper[data-v-375a21f8]{height:2.25rem;width:2.25rem}.notification-title[data-v-375a21f8]{font-size:var(--text-lg)}.notification-content[data-v-375a21f8]{padding:var(--spacing-md)}.notification-item[data-v-375a21f8]{padding:var(--spacing-sm)}.notification-title-text[data-v-375a21f8]{font-size:var(--text-sm)}.notification-body-text[data-v-375a21f8]{font-size:var(--text-xs)}}.nav-btn[data-v-53ee7afe]{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff26;border:2px solid hsla(0,0%,100%,.4);border-radius:9999px;color:var(--color-text-inverse);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.75rem;font-weight:700;gap:.375rem;min-width:38px;overflow:hidden;padding:.5rem;position:relative;text-align:center;text-decoration:none;transition:all .3s ease;white-space:nowrap}.nav-btn[data-v-53ee7afe]:hover{background:#ffffff40;border-color:#fff9;transform:translateY(-1px)}.nav-btn[data-v-53ee7afe]:active{transform:translateY(0)}.snj-icon-btn-glass[data-v-53ee7afe]:disabled{cursor:not-allowed;opacity:.6;transform:none}.navbar-container[data-v-53ee7afe]{align-items:center;box-sizing:border-box;color:var(--color-text-inverse);display:grid;gap:.5rem;grid-template-columns:1fr auto 1fr;height:var(--navbar-offset);left:0;max-height:var(--navbar-offset);outline:none!important;padding-bottom:0;padding-left:1rem;padding-right:1rem;padding-top:var(--safe-top);position:fixed;right:0;top:0;transition:background .3s ease,backdrop-filter .3s ease,border .3s ease,box-shadow .3s ease;width:100%;z-index:50}.navbar-container[data-v-53ee7afe] .snj-icon-btn-glass{color:var(--color-text-inverse)}.navbar-center[data-v-53ee7afe],.navbar-left[data-v-53ee7afe],.navbar-right[data-v-53ee7afe]{align-items:center;display:flex;height:var(--navbar-height);min-height:0}.navbar-logo-link[data-v-53ee7afe]{align-items:center;display:flex;flex-shrink:0;line-height:0}.navbar-left[data-v-53ee7afe]{gap:.5rem;justify-self:start}.navbar-center[data-v-53ee7afe]{justify-self:center;margin:0}.navbar-right[data-v-53ee7afe]{flex-shrink:0;gap:.5rem;justify-self:end;min-width:-moz-max-content;min-width:max-content;overflow:visible;z-index:2}.navbar-solid[data-v-53ee7afe],.navbar-transparent[data-v-53ee7afe]{background:var(--color-secondary-surface)}.navbar-transparent[data-v-53ee7afe]{backdrop-filter:none;-webkit-backdrop-filter:none;border:none;box-shadow:none}.navbar-transparent.navbar-scrolled[data-v-53ee7afe]{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--color-secondary-surface);border-bottom:1px solid hsla(0,0%,100%,.3);box-shadow:0 10px 40px #00000014}.navbar-logo[data-v-53ee7afe]{display:block;filter:drop-shadow(0 6px 14px rgba(0,0,0,0));transition:filter .2s ease}.navbar-logo.logo-shadow-ready[data-v-53ee7afe]{filter:drop-shadow(0 2px 5px rgba(0,0,0,.55))}