.user-menu {
    display: flex;
    align-items: center;
    gap: 10px;
}

.avatar {
    background: #0078d7;
    color: white;
    font-weight: bold;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.name {
    font-weight: 500;
}

.logout {
    margin-left: 10px;
    background: transparent;
    border: none;
    color: #c62828;
    cursor: pointer;
    font-weight: bold;
}

    .logout:hover {
        text-decoration: underline;
    }

.login-link {
    font-weight: bold;
}