.chat-bubble-container,.notification-bell-container{position:relative;display:inline-block}.chat-bubble-container.hide,.chat-bubble-hidden,.notification-bell-container.hide,.notification-bell-hidden{display:none!important}.chat-bubble,.notification-bell{padding:1em}.chat-bubble-icon,.notification-bell-icon{display:flex;align-items:center;justify-content:center}.chat-bubble-icon svg,.notification-bell-icon svg{width:18px;height:18px;color:var(--primary-light-text-color);transition:color .2s ease}.chat-bubble:hover .chat-bubble-icon svg,.notification-bell:hover .notification-bell-icon svg{color:var(--primary-text-color)}.chat-badge,.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)}.chat-badge.hide,.notification-badge.hide{display:none!important}.chat-badge span,.notification-badge span{padding:0 1px}#chat-dropdown-container,#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}#chat-dropdown-container.hide,#notification-dropdown-container.hide{visibility:hidden;opacity:0;pointer-events:none}.chat-dropdown,.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}#chat-dropdown-container.hide .chat-dropdown,#notification-dropdown-container.hide .notification-dropdown{transform:translateY(-4px) scale(.95)}.chat-dropdown-header,.notification-dropdown-header{padding:.75em 1.25em .5em;display:flex;justify-content:space-between;align-items:center;background-color:var(--white-bg-color)}.chat-dropdown-header-title,.notification-dropdown-header-title{margin:0;font-size:1.125rem;font-weight:600;color:var(--primary-text-color);letter-spacing:-.01em}.chat-dropdown>.chat-list,.notification-dropdown>.notification-list{flex:1;overflow-y:auto;max-height:380px;padding:0;border-top:1px solid rgba(0,0,0,.06)}.chat-items,.notification-items{padding:0}.chat-loading.hide,.notification-loading.hide{display:none}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.chat-empty,.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)}.chat-empty img,.notification-empty img{max-width:180px}.chat-empty.hide,.notification-empty.hide{display:none!important}.chat-empty p,.notification-empty p{margin:0 0 .5rem 0;font-weight:600;color:var(--primary-text-color);font-size:.95rem;letter-spacing:-.005em}.chat-error,.notification-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.25rem;text-align:center;color:var(--red-color)}.chat-error-icon,.notification-error-icon{font-size:1.5rem;margin-bottom:.75rem}.chat-error p,.notification-error p{margin:0;font-size:.9rem;font-weight:500}.chat-dropdown .chat-dropdown-footer,.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}.view-all-link:hover{background-color:rgba(var(--primary-color-rgb,5,111,240),.08)}.view-all-link:focus-visible{outline:2px solid var(--primary-color);outline-offset:-2px}.notification-dropdown-footer>a{border-radius:0 0 1em 1em}@media (max-width:768px){#chat-dropdown-container,#notification-dropdown-container{position:fixed;top:70px;right:1rem;left:1rem;bottom:1rem;z-index:1001}.chat-dropdown,.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}#chat-dropdown-container.hide .chat-dropdown,#notification-dropdown-container.hide .notification-dropdown{transform:translateY(20px)}.chat-empty img,.notification-empty img{max-width:300px}}@media (max-width:480px){#chat-dropdown-container,#notification-dropdown-container{right:.75rem;left:.75rem;bottom:.75rem}}@media (max-width:1024px) and (min-width:769px){.chat-dropdown,.notification-dropdown{width:380px}}@media (prefers-reduced-motion:reduce){.chat-bubble,.loading-spinner,.notification-bell,.view-all-link{transition:none;animation:none}}