.mentions-dropdown{top:100%;left:0;width:100%;background:#fff;border:1px solid #ddd;border-top:none;max-height:200px;overflow-y:auto;z-index:100;display:none}.mentions-dropdown:not(.hidden){display:block}.mentions-dropdown ul{list-style:none;margin:0;padding:0}.mentions-dropdown li{padding:10px;cursor:pointer;border-bottom:1px solid #f0f0f0;transition:background-color .2s}.mentions-dropdown li:hover,.mentions-dropdown li.active{background-color:#f5f5f5}.mention{color:#2196f3;font-weight:700;text-decoration:none}.mention:hover{text-decoration:underline}.notifications{position:fixed;top:20px;right:20px;z-index:1000}.notification-item{background:#fff;border-left:4px solid #2196F3;padding:15px;margin-bottom:10px;border-radius:4px;box-shadow:0 2px 8px #0000001a;max-width:350px;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}.notification-read-btn:hover{opacity:.7;transform:scale(1.2);transition:all .2s ease}.notification-read-btn:active{transform:scale(.95)}