.notification-bell-container{position:relative;display:inline-block}.notification-bell-container.hide,.notifications-loading.hide{display:none!important}.notification-bell{padding:1em}.notification-bell-icon{display:flex;align-items:center;justify-content:center}.notification-bell-icon svg{width:18px;height:18px;color:var(--primary-light-text-color);transition:color .2s ease}.notification-bell:hover .notification-bell-icon svg{color:var(--primary-text-color)}.notification-badge{position:absolute;right:10px;top:21px;background-color:var(--red-color);color:#fff;border-radius:50%;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;line-height:1;z-index:2;border:2px solid var(--white-bg-color);box-shadow:0 1px 3px rgba(0,0,0,.2)}.notification-badge.hide{display:none!important}.notification-badge span{padding:0 1px}#notification-dropdown-container{position:absolute;top:calc(100% + 12px);right:0;z-index:1000;visibility:visible;opacity:1;pointer-events:auto;transition:opacity .2s ease,visibility .2s ease}#notification-dropdown-container.hide{visibility:hidden;opacity:0;pointer-events:none}.notification-dropdown{width:300px;max-height:520px;background-color:var(--white-bg-color);border-radius:1em;box-shadow:0 10px 40px rgba(0,0,0,.12),0 4px 20px rgba(0,0,0,.08);border:1px solid rgba(0,0,0,.08);overflow:hidden;display:flex;flex-direction:column;transform:translateY(0) scale(1);transform-origin:top right;transition:transform .2s ease-out}#notification-dropdown-container.hide .notification-dropdown{transform:translateY(-4px) scale(.95)}@media (max-width:768px){#notification-dropdown-container{position:fixed;top:70px;right:1rem;left:1rem;bottom:1rem;z-index:1001}.notification-dropdown{width:100%;max-height:60vh;border-radius:1rem;box-shadow:0 20px 60px rgba(0,0,0,.2),0 10px 30px rgba(0,0,0,.15);transform:translateY(0);transition:transform .3s ease-out}#notification-dropdown-container.hide .notification-dropdown{transform:translateY(20px)}}@media (max-width:480px){#notification-dropdown-container{right:.75rem;left:.75rem;bottom:.75rem}}@media (max-width:1024px) and (min-width:769px){.notification-dropdown{width:380px}}.notification-dropdown-header{padding:1.25em 1.25em .9em;display:flex;justify-content:space-between;align-items:center;background-color:var(--white-bg-color);margin-bottom:4px}.notification-dropdown-header-title{margin:0;font-size:1.125rem;font-weight:600;color:var(--primary-text-color);letter-spacing:-.01em}.notification-dropdown-header-subtitle{font-size:.9em;color:var(--primary-light-text-color)}.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)}.delete-all-btn{background:0 0;border:none;color:rgba(0,0,0,.4);cursor:pointer;padding:.5rem;border-radius:.375rem;transition:all .15s ease;display:flex;align-items:center;justify-content:center;height:100%;box-shadow:none;text-wrap:nowrap}.delete-all-btn:hover{background-color:rgba(239,68,68,.1);transform:none}.delete-all-btn:focus-visible{outline:2px solid rgb(239,68,68);outline-offset:0px}.delete-all-btn:active{transform:scale(.95)}.notification-dropdown>.notification-list{flex:1;overflow-y:auto;max-height:380px;padding:0;border-top:1px solid rgba(0,0,0,.06)}.notification-items{padding:0}.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-content-container{padding:1rem 1.5rem;display:flex;align-items:flex-start;gap:.75rem;align-items:center}.notification-item:visited{color:inherit}.notification-dropdown-footer>a{border-radius:0 0 1em 1em}.notification-dropdown-footer>a:focus-visible,.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{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-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;gap:1rem;color:rgba(0,0,0,.5)}.notification-loading.hide{display:none}.loading-spinner{width:20px;height:20px;border:2px solid rgba(0,0,0,.1);border-top:2px solid var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.notification-loading span{font-size:.875rem;font-weight:500;letter-spacing:-.005em}.notification-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;text-align:center;color:rgba(0,0,0,.5);background:var(--white-bg-color)}.notification-empty img{max-width:180px}@media (max-width:768px){.notification-empty img{max-width:300px}}.notification-empty.hide{display:none!important}.notification-empty p{margin:0 0 .5rem 0;font-weight:600;color:var(--primary-text-color);font-size:.95rem;letter-spacing:-.005em}.notification-empty span{font-size:.85rem;color:var(--primary-text-color)}.notification-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.25rem;text-align:center;color:var(--red-color)}.notification-error-icon{font-size:1.5rem;margin-bottom:.75rem}.notification-error p{margin:0;font-size:.9rem;font-weight:500}.notification-dropdown>.notification-dropdown-footer{padding:0;border-top:1px solid rgba(0,0,0,.06);background-color:var(--white-bg-color);text-align:center;border-radius:0 0 1em 1em}.view-all-link{color:var(--primary-color);text-decoration:none;font-weight:500;font-size:.875rem;padding:1em;display:inline-block;transition:all .15s ease;letter-spacing:-.005em;display:block}@media (prefers-reduced-motion:reduce){.mark-all-read-btn,.notification-bell,.notification-dismiss,.notification-item,.view-all-link{transition:none}.loading-spinner{animation:none}}