.mark-all-read-btn{background:0 0;border:none;color:var(--primary-color);font-size:.875rem;font-weight:500;cursor:pointer;padding:.5rem .75rem;border-radius:.375rem;transition:all .15s ease;white-space:nowrap}.mark-all-read-btn:hover{background-color:rgba(var(--primary-color-rgb,5,111,240),.08);color:var(--primary-color)}.mark-all-read-btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:0px}.mark-all-read-btn:active{transform:translateY(1px)}.notification-item{display:block;position:relative;padding:0;border-bottom:1px solid rgba(0,0,0,.04);transition:all .15s ease;background-color:var(--white-bg-color);text-decoration:none;color:inherit}.notification-list .notification-items .notification-item:hover{background-color:var(--list-hover-color)}.notification-item:visited{color:inherit}.notification-item:focus-visible{outline:2px solid var(--primary-color);outline-offset:-2px;background-color:var(--list-hover-color)}.notification-item:focus-visible .notification-dismiss{opacity:1}.notification-item:last-child{border-bottom:none}.notification-item.unread{background-color:rgba(5,111,240,.02)}.notification-item.unread:hover{background-color:rgba(5,111,240,.04)}.notification-content-container{padding:1rem 1.5rem;display:flex;align-items:flex-start;gap:.75rem;align-items:center}.notification-content{flex:1;min-width:0}.notification-title{font-weight:600;color:var(--primary-text-color);margin-bottom:.375rem;line-height:1.4;font-size:.9rem;letter-spacing:-.005em}.notification-message{color:var(--primary-light-text-color);margin-bottom:.5rem;line-height:1.45;font-size:.85rem;word-wrap:break-word}.notification-time{color:var(--primary-lightest-text-color);font-size:.75rem;font-weight:500}.notification-unread-dot{width:6px;height:6px;background-color:var(--primary-color);border-radius:50%;flex-shrink:0;box-shadow:0 0 0 2px rgba(5,111,240,.2)}.notification-dismiss{background:0 0;border:none;color:rgba(0,0,0,.3);padding:.375rem;border-radius:.375rem;transition:all .15s ease;flex-shrink:0;margin-top:0;opacity:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.notification-item:hover .notification-dismiss{opacity:1;box-shadow:none}.notification-dismiss:hover{background-color:rgba(0,0,0,.06);color:rgba(0,0,0,.7);transform:scale(1.05)}.notification-dismiss:focus-visible{outline:2px solid var(--primary-color);outline-offset:0px;opacity:1}.notification-dismiss:active{transform:scale(.95)}.notification-skeleton{display:flex;flex-direction:column}.notification-skeleton-item{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border-bottom:1px solid rgba(0,0,0,.04)}.notification-skeleton-item:last-child{border-bottom:none}.notification-skeleton-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:.5rem}.notification-skeleton .skeleton-line{height:12px;border-radius:6px;background:linear-gradient(90deg,#f0f2f5 25%,#e4e6ea 50%,#f0f2f5 75%);background-size:200% 100%;animation:loading-shimmer 1.5s infinite}.notification-skeleton .skeleton-title-line{height:14px;width:70%}.notification-skeleton .skeleton-message-line{width:95%}.notification-skeleton .skeleton-message-line.short{width:60%}.notification-skeleton .skeleton-time-line{height:10px;width:40px}.notification-skeleton-dot{width:6px;height:6px;background:linear-gradient(90deg,#f0f2f5 25%,#e4e6ea 50%,#f0f2f5 75%);background-size:200% 100%;animation:loading-shimmer 1.5s infinite;border-radius:50%;flex-shrink:0}@media (prefers-reduced-motion:reduce){.mark-all-read-btn,.notification-dismiss,.notification-item{transition:none}.notification-skeleton .skeleton-line,.notification-skeleton-dot{animation:none}}.notification-bell-container.hide,.notifications-loading.hide{display:none!important}